博客园皮肤美化

  • A+
所属分类:Web前端
摘要

Cnblogs-Theme-SimpleMemory申请js权限更改皮肤为SimpleMemory复制css代码侧边栏代码代码可以直接复制我的,simpleMemory.min.js这个文件如果你不想引用可以上传文件引用自己的地址

如何与博主拥有同款博客园皮肤?

一 、github下载源码

Cnblogs-Theme-SimpleMemory

git clone https://github.com/BNDong/Cnblogs-Theme-SimpleMemory 

二、在博客园的管理中做些改动

1、设置

  1. 申请js权限

  2. 博客园皮肤美化

    更改皮肤为SimpleMemory

  3. 复制css代码

    博客园皮肤美化

    博客园皮肤美化

  4. 侧边栏代码

    <script type="text/javascript">     window.cnblogsConfig = {         GhVersions    : 'v1.3.3', // 版本         blogUser      : "bleso", // 用户名         blogAvatar    : "https://blog-static.cnblogs.com/files/blogs/665069/bleso.gif", // 用户头像         blogStartDate : "2016-11-17", // 入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间     } </script> <script src="https://blog-static.cnblogs.com/files/blogs/665069/simpleMemory.min.js" defer></script> 

    代码可以直接复制我的,simpleMemory.min.js这个文件如果你不想引用可以上传文件引用自己的地址

2、文件上传

  1. 博客园皮肤美化

  2. 博客园皮肤美化

  3. 点击文件在地址栏获取地址

    博客园皮肤美化

    头像可以用相同的方式上传并在侧边栏的代码中更改

三、效果展示

博客园皮肤美化

我的博客

详细教程参考