博客园主题美化

-------------------siwuxie095

   

   

   

   

   

   

博客园主题美化

   

   

1、主题美化，顾名思义，其实就是对主题进行自定义。由于我之前在

博客园已经写了很多博文，用的是博客园官方提供的 BOOK 主题，贸

然更改其他已有主题，或者完全自定义一个新的主题，都有可能导致原

有博文格式的崩塌

   

故 这里仅仅基于 BOOK 主题，做出些微美化

   

   

   

   

2、个人博客园链接：http://www.cnblogs.com/siwuxie095，可以

参考一下本人的美化效果

   

   

   

 

3、开始美化

   

1）申请 JS 权限

   

点击进入 https://i.cnblogs.com/Configure.aspx 设置页面，在 博客

侧边栏公告 处，向博客园官方申请 JS 权限。下图是申请成功后

   

   

注：以下简称 https://i.cnblogs.com/Configure.aspx 为 设置页面，

https://i.cnblogs.com/Files.aspx 为 文件页面

   

   

   

2）给博客园左上角 或 右上角加自己的 GitHub 链接，有两种方式：

   

（1）方式一：加 Fork me on GitHub 字样的 GitHub Ribbons，如下：

   

   

   

以上分别是左上角和右上角的样式，任选其一（当然，还有其它颜色可选）

   

 

复制图片右边的代码，粘贴到 设置页面 的 页首Html代码 处，略作修改即可

   

如：

   

我选择在左上角的红色的 GitHub Ribbons，则代码为：

   

<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_left_red_aa0000.png" alt="Fork me on GitHub"></a>

   

需将 a 标签的 href 属性，改为自己的 GitHub 链接。如果想要在新的页面

打开该链接，还需给 a 标签加上 target="blank"

   

这样基本就 OK 了，但有可能真正的页面效果是：该 GitHub Ribbons 闪一

下，就没了（刷新该页面，重复此效果）。解决办法：在 img 标签的 style

属性的末尾处加上 z-index: 999999999