Blog 日程表

原先采用的 NexT 具有轻量、易配置的特点，但是在客制化上可玩度有限，很多时候没法达到我们想要的网站效果，就需要去直接修改主题源代码，这不易于我们后期维护。

于是决定更换博客主题至 Volantis，该主题在客制化程度上大大提高，并且内嵌了丰富的 标签插件，大大提高了文章协作的舒适程度和美观性。

另外，本次主题更换的同时，也重新优化了文章架构，删除了一些陈旧潦草的文章，让博客内容更加精炼。

本次主题升级，按照官方教程，新增了如下功能：

1）添加 Theme NexT Canvas Nest，实现动态背景。

2）添加 hexo-filter-emoji，添加 emoji 表情支持 😂，相关表情写法查看 Emoji Cheat Sheet。

3）添加 hexo-generator-indexed，便于文章置顶、隐藏等操作。

4）添加 Blog 背景图：打开主题配置文件即 themes/next 下的 _config.yml，将 style: source/_data/styles.styl 取消注释。然后，打开根目录 Blog/source 创建文件 _data/styles.styl，添加以下内容：

1
2
3
4
5
6
7
8

// 添加背景图片
body {
    background: url(images/background.png);//自己喜欢的图片地址
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%;
}

5）主页文章添加阴影效果：打开根目录 Blog/source 文件 _data/styles.styl，添加以下内容：

1
2
3
4
5
6
7
8
9

// 主页文章添加阴影效果
article {
      // border: dashed red;
      margin-top: 60px;
      margin-bottom: 60px;
      padding: 25px;
      -webkit-box-shadow: 0 0 10px rgba(128,128,128, .5);
      -moz-box-shadow: 0 0 10px rgba(128,128,128, .5);
}

6）主题深色模式：直接在 next 的主题配置文件中设置字段值 darkmode: true 即可。

7）添加看板娘：在 blog 根目录安装插件：npm install --save hexo-helper-live2d，下载你喜欢的模型，例如 npm install live2d-widget-model-wanko （在这里挑选喜欢的 model博客宠物模型，模型对应的动画效果）。在博客根目录下的配置文件中，添加如下配置：

1
2
3
4
5
6
7
8
9
10
11

live2d:
enable: true
scriptFrom: local
model:
  use: live2d-widget-model-hijiki
display:
  position: right
  width: 150
  height: 300
mobile:
  show: false

博客首次建站完成并上线，不忘初心！