Hexo,NexT v7.2.0主题如何更改背景

Hexo,NexT v7.2.0主题如何更改背景,第1张

在themes\next\source\css\_common\components\back-to-top.styl文件中添加:

body {

background-image:url(XXXX)

background-repeat: no-repeat

background-attachment:fixed

background-position:50% 50%

background-size: 100% 100%

}

将XXXX替换为图片路径

本地和网络皆可

这是v7.7.2的

你就把back-to-top.styl当成custom.styl就行

原先需要添加在custom.styl里的代码添加在back-to-top.styl里一样有效

OK!事不过三,效果就展示到这里,下面说一下我是如何实现的。

句子与句子之间以W分割,后续需要根据该标志位去拆分句子组。

启动一下,会发现我们的名言警句可以动态改变了。

主要就是获取一下配置文件里面的subtitle,这里面我们配置的是根据我们定义的规则设置的句子组。然后再网页加载完成之后,获取句子组,然后对句子组split成一个数组对象。然后我们生成一个随机数,根据随机数去获取句子就可以了。

一定要注意:随机数是介于0到数组长度减一之间,否则会数组溢出。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11405041.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存