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
|