hexo next主题下，自动更换背景图片

2024年1月8日 171次阅读 来源: 走路带风

背景图片来源 （可根据自己的喜好更改）

https://source.unsplash.com

修改背景样式

打开文档下themes\next\source\css\ _custom\custom.styl文件，这个是Next故意留给用户自己个性化定制一些样式的文件，添加以下代码：

body {
    background:url(https://source.unsplash.com/random/1600x900);
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position:50% 50%;
}

url可更换为自己喜欢的图片的地址。

 repeat：是否重复出现

attachment：定义背景图片随滚动轴的移动方式

position：设置背景图像的起始位置。

 

调试

在终端根目录下依次执行以下命令

hexo clean

hexo g

hexo s

然后在浏览器打开  localhost:4000  看下效果，如果没有问题的话，就执行以下命令，部署到网站。

hexo d

    原文作者：走路带风
    原文地址: https://blog.csdn.net/jinggege0818/article/details/82113120
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞