【博客伊始】博客园美化SimpleMemory皮肤定制化+本博客后期规划（持续更新中……）

引言

1.选择博客园建立博客

CSDN上的鱼龙混杂是让我很难接受的，所以我选择在博客园建立自己的博客，但相对而言，又发现博客主题比较复古，给人一种处于2000-2010年的跨时代感。
在参考了诸多定制化模板和博客后，让我知道博客主题也可以很好看。

2.参考声明

目前我所使用的这个主题是一位大佬做的，
大佬的Github地址：https://github.com/BNDong/Cnblogs-Theme-SimpleMemory
大佬的博客园地址：https://www.cnblogs.com/BNDong

博客预览

主页面

侧边栏导航

文章

快速搭建

1. 准备工作

   首先，注册自己的博客园账号并申请建立自己的博客，进入自己博客管理后台：管理后台，申请JS权限（可能要等待一段时间，大约3h），选择SimpleMemory皮肤。

   

2. 快速搭建

   • 代码高亮部分（不要勾选显示行号！）

     

   • 页面定制CSS代码

     在大佬的GitHub上拷贝出项目文件，其中v2.1.0版本以上CSS代码位置在/dist/simpleMemory.css 拷贝此文件代码至页面定制CSS代码文本框处，同时选中页面定制CSS代码文本框下面的禁用模板默认CSS。

     

     

   • 博客侧边栏公告

     在侧边栏HTML代码中设置以下代码：

     <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>
     

     

   • 页脚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" />
     <!-- 引入Vue -->
     <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>
     

     

3. 自定义设置

   首先，可以自己看官方文档去配置相关内容，Document (bndong.github.io)

   当然，我提供了一些相关内容以参考

   <script type = "text/javascript" >
       window.cnblogsConfig = {
           info: {
               // 用户名
               name: 'Zimo', 
               // 入园时间，年-月-日。入园时间查看方法：鼠标停留园龄时间上，会显示入园时间
               startDate: '2021-07-08',
               // 用户头像
               avatar: 'https://pic.cnblogs.com/avatar/2456380/20220615093848.png', 
           },
           // 列表数据 ['导航名称', '链接', 'icon']
           sidebar: {
               navList: [
                   ['GitHub', 'https://www.cnblogs.com/bndong/', 'icon-github'],
                   ['Gitee', 'https://github.com/AlexenderZimo?tab=repositories', 'icon-gitee'],
               ],
           },
           banner: {
               article: {
                   background: [
                       "https://images.cnblogs.com/cnblogs_com/blogs/756473/galleries/2186283/o_220709030922_wallhaven-y8lqo7.jpg",
                       "https://w.wallhaven.cc/full/y8/wallhaven-y86g17.jpg",
                       'https://w.wallhaven.cc/full/z8/wallhaven-z8dg9y.png',
                       'https://w.wallhaven.cc/full/pk/wallhaven-pkw6y3.jpg',
                       'https://w.wallhaven.cc/full/dg/wallhaven-dgj3qj.jpg',
                       'https://w.wallhaven.cc/full/96/wallhaven-96q9q1.png',
                       'https://w.wallhaven.cc/full/lm/wallhaven-lmqjoy.jpg',
                   ],
               },
               home: {
                   title: [
                       '每一个不曾起舞的日子，都是对生命的辜负。',
                       '混日子不能打击别人，只会报复自己。',
                       '年轻时无数次心急火燎地说“我能”，只不过为了此刻能够风轻云淡地说声“我可以”。',
                       '人的一生可能根本没有分明的四季，一直在光影斑驳的林子下走走停停。',
                   ],
                   titleSource: 'one',
                   background: [
                       "https://files.dbnuo.com/wallpaper/wallhaven-dgekog.webp",
                       "https://files.dbnuo.com/wallpaper/wallhaven-83w372.webp",
                       "https://w.wallhaven.cc/full/y8/wallhaven-y86g17.jpg",
                   ],
               },
           },
           loading: {
               rebound: {
                   tension: 16,
               },
               spinner: {
                   id: 'spinner',
                   radius: 90,
               }
           },
           title: {
               onblur: '(oﾟvﾟ)这里是Zimo的博客',
           },
           footer: {
               text: {
                   left: '与理想平等地做交易',
                   right: '同喧嚣和懒惰保持距离',
               },
           },
           animate: {
               background: {
                   enable: true,
               },
           },
           code: {
               type: 'hljs',
               options: {
                   line: true,
               },
           }
       }
   </script>
       
   <script src = "https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.1.0/dist/simpleMemory.js" defer>
   </script>
   

后期声明

笔记更新

主要分为对前期学习过程中记的笔记进行更新以及后续学习更新

补档更新

主要有408相关内容和实践学习内容

后续更新

后续主要针对考研复习笔记和部分课程学习笔记进行更新

项目更新

试做项目

项目分享

心得更新

学习心得

修复BUG