添加實用功能

效果如下圖：

1.歸檔功能
修改themes/yilia/_config.yml（第3-6行左右）

menu:
  主頁: /
  歸檔: /archives/index.html

2.文章顯示摘要
文章默認全文顯示，不美觀也不方便查找。只要在MD博客文件的正文前插入<!-- more -->即可自動斷開，只顯示<!-- more -->之前內容作為摘要。同時注釋掉themes/yilia/_config.yml中的excerpt_link: more（第36行左右）

# 文章太長，截斷按鈕文字
# excerpt_link: more
# 文章卡片右下角常駐鏈接，不需要請設置為false

3.字數、閱讀時長統計

1. 安裝hexo-wordcount，在博客文件夾下命令行輸入npm i hexo-wordcount –-save
2. 在theme\yilia\layout\_partial\post中創建word.ejs文件如下：

<div style="margin-top:10px;">
    <span class="post-time">
      <span class="post-meta-item-icon">
        <i class="fa fa-keyboard-o"></i>
        <span class="post-meta-item-text">  字數統計: </span>
        <span class="post-count"><%= wordcount(post.content) %>字</span>
      </span>
    </span>

    <span class="post-time">
      &nbsp; | &nbsp;
      <span class="post-meta-item-icon">
        <i class="fa fa-hourglass-half"></i>
        <span class="post-meta-item-text">  閱讀時長: </span>
        <span class="post-count"><%= min2read(post.content) %>分</span>
      </span>
    </span>
</div>

3. 在themes/yilia/layout/_partial/article.ejs（第8-13行左右）添加代碼，添加后如下：

<div class="article-inner">
    <% if (post.link || post.title){ %>
      <header class="article-header">
        <%- partial('post/title', {class_name: 'article-title'}) %>
        <% if (!post.noDate){ %>
        <%- partial('post/date', {class_name: 'archive-article-date', date_format: null}) %>
        
        <!-- 需要添加的位置 -->
        <!-- 開始添加字數統計-->
        <% if(theme.word_count && !post.no_word_count){%>
          <%- partial('post/word') %>
          <% } %>
        <!-- 添加完成 -->	
        
		<% } %>
      </header>
    <% } %>

4.看板娘

1. 安裝live2d，在博客文件夾下命令行輸入$ npm install hexo-helper-live2d --save
2. 安裝對應模型，在博客文件夾下命令行輸入$ npm install packagename（將packagename改為對應名稱，模型及對應名稱預覽）
3. 打開博客文件夾的_config.yml，在最后添加如下代碼：

live2d:
	enable: true
	scriptFrom: local
	model: 
		use: live2d-widget-model-haruto #模型選擇
	display: 
		position: right  #模型位置
		width: 150       #模型寬度
		height: 300      #模型高度
	mobile: 
		show: false      #是否在手機端顯示

5.不蒜子統計文章、網站訪問次數

1. 在themes/yilia/_config.yml最后添加如下代碼：

# 是否開啟訪問量統計功能(不蒜子)
busuanzi:
 enable: true

2. 引入不蒜子網站，在hemes/yilia/layout/_partial/footer.ejs的倒數第二行添加如下代碼：

<% if (theme.busuanzi && theme.busuanzi.enable){ %>
        <!-- 不蒜子統計 -->
        <span id="busuanzi_container_site_pv">
                本站總訪問量<span id="busuanzi_value_site_pv"></span>次
        </span>
        <span class="post-meta-divider">|</span>
        <span id="busuanzi_container_site_uv" style='display:none'>
                本站訪客數<span id="busuanzi_value_site_uv"></span>人
        </span>
        <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
  <% } %>

添加后代碼如下：

3. 添加文章訪問量，在themes/yilia/layout/_partial/post/date.ejs開頭添加如下代碼：

 <% if (theme.busuanzi && theme.busuanzi.enable && !index){ %>
        <!-- 不蒜子統計 -->
        <span id="busuanzi_container_page_pv" style='display:none' class="<%= class_name %>">
              <i class="icon-smile icon"></i> 閱讀數：<span id="busuanzi_value_page_pv"></span>次
        </span>
<% } %>

6.動態線條特效背景
在themes\yilia\layout\layout.ejs中添加如下代碼：

<!--動態線條背景-->
<script type="text/javascript"
  color="220,220,220" opacity='0.7' zIndex="-2" count="200" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js">
</script>

其中：

• color：表示線條RGB顏色，默認：（0, 0, 0）
• opacity：表示線條透明度（0~1，1不透明），默認：0.5
• count：表示線條的總數量，默認：150
• zIndex：表示背景的z-index屬性，css屬性用于控制所在層的位置，默認：-1

參考博客1——歸檔+摘要
參考博客2——字數、閱讀時長
參考博客3——看板娘、背景特效
參考博客4——不蒜子訪問次數