4.x版本请参考通过PS将视频设置为Hexo首页动图。其实可以考虑做个gif作为备份,但是目前看来大部分博友的视频可花哨了。还是老老实实用视频好了。

5.3.2版本同样修改layout\includes\header\index.pug,代码位置有点不同。记得删除代码中的文字。

1
2
3
4
5
if !theme.disable_top_img && page.top_img !== false
case globalPageType
when 'post'
- top_img = false 添加这一行
- top_img = page.top_img || page.cover || theme.default_top_img
1
2
3
4
5
6
7
header#page-header(class=`${headerClassName + isFixedClass}` style=bg_img)
include ./nav.pug
if top_img !== false
if globalPageType === 'post'
include ./post-info.pug
else if globalPageType === 'home'
video(src='https://你的视频地址' autoplay="" loop="" muted="" style='min-height:100%;height:100%;width:100%;object-fit:cover') 添加这一行

方便起见,直接复制粘贴,替换掉

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
-
const returnTopImg = img => img !== false ? img || theme.default_top_img : false
const isFixedClass = theme.nav.fixed ? ' fixed' : ''
var top_img = false
let headerClassName = 'not-top-img'
var bg_img = ''

if !theme.disable_top_img && page.top_img !== false
case globalPageType
when 'post'
- top_img = false
- top_img = page.top_img || page.cover || theme.default_top_img
when 'page'
- top_img = page.top_img || theme.default_top_img
when 'tag'
- top_img = theme.tag_per_img && theme.tag_per_img[page.tag] || returnTopImg(theme.tag_img)
when 'category'
- top_img = theme.category_per_img && theme.category_per_img[page.category] || returnTopImg(theme.category_img)
when 'home'
- top_img = returnTopImg(theme.index_img)
when 'archive'
- top_img = returnTopImg(theme.archive_img)
default
- top_img = page.top_img || theme.default_top_img

if top_img !== false
- bg_img = getBgPath(top_img)
- headerClassName = globalPageType === 'home' ? 'full_page' : globalPageType === 'post' ? 'post-bg' : 'not-home-page'

header#page-header(class=`${headerClassName + isFixedClass}` style=bg_img)
include ./nav.pug
if top_img !== false
if globalPageType === 'post'
include ./post-info.pug
else if globalPageType === 'home'
video(src='https://你的视频地址' autoplay="" loop="" muted="" style='min-height:100%;height:100%;width:100%;object-fit:cover')
#site-info
h1#site-title=config.title
if theme.subtitle.enable
- var loadSubJs = true
#site-subtitle
span#subtitle
if theme.social
#site_social_icons
!=partial('includes/header/social', {}, {cache: true})
#scroll-down
i.fas.fa-angle-down.scroll-down-effects
else
#page-site-info
h1#site-title=page.title || page.tag || page.category
else
//- improve seo
if globalPageType !== 'post'
h1.title-seo=page.title || page.tag || page.category || config.title