博客园随机切换背景图,超简单教程
目录
一、前言
博客园做的还是挺强大的,很多东西都支持自定义,比较适合喜欢瞎捣鼓的小伙伴。之前写过一篇博客园看板娘的教程,有兴趣的小伙伴可以看一下:https://blog.csdn.net/Wjhsmart/article/details/107083930。今天给大家分享一下怎么样自动更换背景图片,实现原理很简单,利用JS的定时任务随机更换准备好的一些图库即可。
二、准备工作
要更新背景图片当然得先准备好一些图库来了,博客园支持自定义上传一些喜欢的背景图片,大家可以先把自己喜欢的背景图都先上传到博客园中。找到设置-相册,新建一个相册,然后上传图片。
三、实现代码
图片上传完了之后将以下代码追加到博客园的自定义JS当中。记得把图片路径换成自己的路径哦。
最后别忘记了点最下面的保存哦
如果想设置默认图片,只需要把下面代码追加到CSS的后面。
opacity:是设置透明度的
background:url中的地址换成自己的地址即可
四、结尾
怎么样?是不是超级简单,小伙伴们有没有学会呢?听说好看的小哥哥,小姐姐看完文章都会给博主点个小小的赞哦,你点赞了吗^_^
想看更多博主的精彩好文,请移步:http://wjhsmart.vip。有自己建站的小伙伴还可以联系博主互联哦。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具