ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

SimpleMemory博客园皮肤

2020-09-24 22:32:15  阅读:2797  来源: 互联网

标签:入园 大佬 博客园 皮肤 博客 https SimpleMemory com 代码


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>
  • 最后保存即可。

标签:入园,大佬,博客园,皮肤,博客,https,SimpleMemory,com,代码
来源: https://www.cnblogs.com/laina/p/13727054.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有