用视频做背景

添加pug代码C:\Users\plasx\Desktop\blogcs\themes\butterfly\layout\includes\header\index.pug

1
2
3
4
    else if is_home() 
+     if page.index_video ? page.index_video : theme.index_video
+       video#index-video.videosy(autoplay='' loop='' muted='' __idm_id__='196610' style='object-fit:fill;width:100%;height:100%;')
+         source(src=theme.index_video)

添加主题配置文件 _config.yml 引用

1
2
3
# The banner image of home page
index_img: # 下面添加
index_video: https://download.s21i.faimallusr.com/11639459/0/0/ABUIABAAGAAgi5CXnwYogIGk6AU?f=1920.js&v=1676003339

给大家提供一些视频地址视频地址由必应视频

瓢虫视频地址

1
https://prod-streaming-video-msn-com.akamaized.net/648cc494-7337-4644-9517-46877e93de76/486dfd9e-b104-4f2e-92a7-74c0eab6b14b.mp4

大山

1
https://prod-streaming-video-msn-com.akamaized.net/8decc59b-4987-4cfe-a4c5-20306bc8b431/70753bd1-4ca2-47b8-a2d4-6deaf35fddf8.mp4

森林

1
https://prod-streaming-video-msn-com.akamaized.net/178161a4-26a5-4f84-96d3-6acea1909a06/2213bcd0-7d15-4da0-a619-e32d522572c0.mp4

大山

1
https://prod-streaming-video-msn-com.akamaized.net/fb194c01-2ff6-4b4e-afbd-a00289124c4c/af7a74f5-5cb6-423e-b428-d05c0d36478d.mp4

星空背景

1
https://prod-streaming-video-msn-com.akamaized.net/c633cd32-92ef-447f-876c-54c5c1a57484/d5a4b96f-01b4-4519-8470-62484e0b1b5b.mp4

蝴蝶

1
https://prod-streaming-video-msn-com.akamaized.net/0f5c44c4-8d4a-4108-8890-355d55033565/689ed95c-c8a6-433d-89e6-3838a2f507b2.mp4