SimpleMemory博客园皮肤

2024-02-04 12:04:58

1.引言

之前在CSDN写博客，不过广告太多，而且鱼龙混杂，水文章的蛮多的，也不是说它没有优点，论坛对小白也是挺友好的，下载东西也比较方便，不过其中的广告劝退了我。
跑到博客园上后，发现博客主题比较复古，给人一种处于2000-2010年的跨时代感，感谢舍友的分享，让我知道博客主题也可以很好看。

2.博客主题展示

声明：这个主题是一位大佬做的。
大佬的GitHub项目地址：https://github.com/BNDong/Cnblogs-Theme-SimpleMemory
大佬的博客园地址：https://www.cnblogs.com/BNDong

图2.1博客首页

图2.2侧边栏，包括随笔，文章等

图2.3文章页

3.开始安装

进入设置，申请js权限(大概隔了3个小时审核就通过了)
选择博客皮肤--"SimpleMemory"
复制大佬github项目上的代码

复制src/style/base.min.css代码-->"页面定制CSS代码"处,然后勾选"禁用模板默认CSS"；
复制以下代码到"博客侧边栏公告"，需要自行修改相关参数

<script type="text/javascript">
    window.cnblogsConfig = {
        GhVersions    : 'v1.3.3', // 版本
        blogUser      : "laina", // 用户名
        blogAvatar    : "https://pic.cnblogs.com/avatar/2122236/20200810005505.png", // 用户头像
        blogStartDate : "2020-8-10", // 入园时间，年-月-日。入园时间查看方法：鼠标停留园龄时间上，会显示入园时间
    }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.3/src/script/simpleMemory.min.js" defer></script>

复制以下代码到"页脚HTML代码"

<!--代码复制-->
<script src="https://cdn.bootcss.com/clipboard.js/2.0.4/clipboard.min.js"></script>
<!--主题-->
<script src="https://blog-static.cnblogs.com/files/gshang/gshang.bilibili.big.2020.02.27.4.js" ></script>
<!--scrollTo-->
<script src="https://cdn.bootcss.com/jquery-scrollTo/2.1.2/jquery.scrollTo.js"></script>
<!--owo表情-->
<script src="https://blog-static.cnblogs.com/files/gshang/gshang.owo.2020.01.05.1.js"></script>
<link rel="stylesheet" href="https://blog-static.cnblogs.com/files/gshang/gshang.OwO.3.css" />
<!-- import Vue.js -->
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://blog-static.cnblogs.com/files/gshang/notiflix-2.0.0.min.css">
<!-- 引入组件库 -->
<script src="https://blog-static.cnblogs.com/files/gshang/notiflix-2.0.0.min.js"></script>

最后保存即可。

码农公寓

1.引言

2.博客主题展示

3.开始安装

相关文章