相信很多人都有尝试去配置一个博客园主题吧。虽然大部分人都可以成功配置,但是没有代码基础的人就很惨了,无法深入的去改一些自定义的东西,比如背景图片,侧边栏导航等。而看完这篇文章,你会详细了解到:
1、如何将BNDong这款主题的首页图片,随笔图片设定为自己的。
2、拥有一个稳定性高,加载快速的图床。
进入正题。
图床
推荐一个聚合图床。
加载稳定,多处备份,十分舒适。
相当于打了个广告吧嘿嘿
首先你要注册一个账号并用微信绑定,因为都是中文所以本文不在赘述。
准备
将你准备好的图片上传至聚合图床,新建一个文本文档,将你需要当做首页头图的图片链接排列在一起(下文称这个文件为图片文件),如下图所示(代码里的所有字符必须是英文!!!)。
记住,最后一个引号后面是不应该有逗号的
图片
首先复制这个链接,新建一个标签页并访问这个网址。
如果你看到了一个页面里面是全是代码,说明成功了。
在桌面新建一个文本文档,然后将网页里面的代码复制进去。
我想你们应该知道Ctrl+F可以搜索这个功能吧,Ctrl+F搜索“TopImg”,你将会搜索到两个字段(如果搜不到,请切换向上或者向下,它是以鼠标位置进行搜索的),homeTopImg和essayTopImg。这两个字段后面都会有中括号,将图片文件的内容替换这两个中括号里面的内容。保存。
如果你看到一个提示“该文件含有Unicode字符...”,请点击取消,然后会弹出一个窗口如图所示
请注意我用黄色笔标记的内容,后缀为.js,编码为UTF-8,类型为所有文件。
点击保存。
回到浏览器,点击博客设置->文件,然后上传刚刚保存的js文件(上传步骤有问题请在评论区提问)。打开在浏览器打开该文件,复制地址,回到设置中的侧边栏代码,如图所示:
将那个地址替换我红框选中的地方,保存设置。
部署完毕
他的效果是随机刷新的,所以并不会一张一张照片显示,但是每次访问时都会显示不同的图片。
如果你成功了,那么请在下面评论区打出:“我成功了!!” 嘿嘿。
如果你失败了,那么请在评论区提出疑问。
顺带关注一下我叭。