• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

SimpleMemory博客园皮肤

开发技术 开发技术 1个月前 (09-24) 27次浏览

1.引言

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

2.博客主题展示

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

SimpleMemory博客园皮肤
                                    图2.1博客首页
SimpleMemory博客园皮肤
    图2.2侧边栏,包括随笔,文章等
SimpleMemory博客园皮肤
                                    图2.3文章页

3.开始安装

  • 进入设置,申请js权限(大概隔了3个小时审核就通过了)
    SimpleMemory博客园皮肤

  • 选择博客皮肤–“SimpleMemory”

  • 复制大佬github项目上的代码
    SimpleMemory博客园皮肤
    复制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>
  • 最后保存即可。

喜欢 (0)