博客园皮肤美化

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

一 、github下载源码

Cnblogs-Theme-SimpleMemory

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

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

1、设置

  1. 申请js权限

  2. image-20210221202759787

    更改皮肤为SimpleMemory

  3. 复制css代码

    image-20210221201906293

    image-20210221203203010

  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. image-20210221204430782

  2. image-20210221204501475

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

    image-20210221204602585

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

三、效果展示

我的博客

详细教程参考


补充

1、播放器

https://www.cnblogs.com/jyroy/p/10374442.html

2.、看板猫

https://www.cnblogs.com/QiangWum/p/12370543.html

posted @ 2021-02-21 20:55  bleso  阅读(1027)  评论(5编辑  收藏  举报