标签：入园 大佬 博客园 皮肤 https SimpleMemory 代码 CSS

1. 声明

这个主题是一位大佬做的。

大佬博客园地址：https://github.com/BNDong/Cnblogs-Theme-SimpleMemory。

大佬Github地址：https://www.cnblogs.com/BNDong。

2. 安装

1. 申请JS权限

   

2. 博客皮肤选择SimpleMemory

   

3. 在GitHub上下载源码

   

4. 设置页面定制CSS代码，同时禁用模板默认CSS

   将/dist/simpleMemory.css 拷贝此文件代码至页面定制CSS代码文本框处。

   

5. 设置博客侧边栏

   输入一下代码：

   <script type="text/javascript">
       window.cnblogsConfig = {
         info: {
           name: 'userName', // 用户名
           startDate: '2021-01-01', // 入园时间，年-月-日。入园时间查看方法：鼠标停留园龄时间上，会显示入园时间
           avatar: 'http://xxxx.png', // 用户头像
         },
       }
   </script>
   <script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.1.0/dist/simpleMemory.js" defer></script>
   

   更多更详细的设置可见https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2/#/Docs/Customization/config?id=%e7%a4%ba%e4%be%8b%e9%85%8d%e7%bd%ae。

6. 设置页脚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>
   

7. 勾选公告

   

8. 成功

   

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

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