zoukankan      html  css  js  c++  java
  • [干货]配置博客主题

    相信很多人都有尝试去配置一个博客园主题吧。虽然大部分人都可以成功配置,但是没有代码基础的人就很惨了,无法深入的去改一些自定义的东西,比如背景图片,侧边栏导航等。而看完这篇文章,你会详细了解到:

    1、如何将BNDong这款主题的首页图片,随笔图片设定为自己的。
    2、拥有一个稳定性高,加载快速的图床。

    进入正题。

    图床

    推荐一个聚合图床
    加载稳定,多处备份,十分舒适。

    相当于打了个广告吧嘿嘿
    首先你要注册一个账号并用微信绑定,因为都是中文所以本文不在赘述。

    准备

    将你准备好的图片上传至聚合图床,新建一个文本文档,将你需要当做首页头图的图片链接排列在一起(下文称这个文件为图片文件),如下图所示(代码里的所有字符必须是英文!!!)。

    记住,最后一个引号后面是不应该有逗号的

    图片

    首先复制这个链接,新建一个标签页并访问这个网址。

    如果你看到了一个页面里面是全是代码,说明成功了。

    桌面新建一个文本文档,然后将网页里面的代码复制进去。
    我想你们应该知道Ctrl+F可以搜索这个功能吧,Ctrl+F搜索“TopImg”,你将会搜索到两个字段(如果搜不到,请切换向上或者向下,它是以鼠标位置进行搜索的),homeTopImgessayTopImg。这两个字段后面都会有中括号,将图片文件内容替换这两个中括号里面的内容。保存。

    如果你看到一个提示“该文件含有Unicode字符...”,请点击取消,然后会弹出一个窗口如图所示

    请注意我用黄色笔标记的内容,后缀为.js编码为UTF-8类型为所有文件
    点击保存。

    回到浏览器,点击博客设置->文件,然后上传刚刚保存的js文件(上传步骤有问题请在评论区提问)。打开在浏览器打开该文件,复制地址,回到设置中的侧边栏代码,如图所示:

    将那个地址替换我红框选中的地方,保存设置。

    部署完毕

    他的效果是随机刷新的,所以并不会一张一张照片显示,但是每次访问时都会显示不同的图片。

    如果你成功了,那么请在下面评论区打出:“我成功了!!” 嘿嘿。

    如果你失败了,那么请在评论区提出疑问。

    顺带关注一下我叭。

  • 相关阅读:
    谷歌AI中国中心成立,人工智能势不可挡?
    谷歌 AI 中国中心成立,人工智能势不可挡?
    谷歌 AI 中国中心成立,人工智能势不可挡?
    谷歌 AI 中国中心成立,人工智能势不可挡?
    Python将被加入高考科目?你怎么看?
    Python将被加入高考科目?你怎么看?
    Python将被加入高考科目?你怎么看?
    2833 奇怪的梦境
    奖金
    4040 EZ系列之奖金
  • 原文地址:https://www.cnblogs.com/ahann/p/12501650.html
Copyright © 2011-2022 走看看