Yilia 主题添加字数统计和阅读时长功能

  1. 安装 hexo-wordcount在博客目录下打开Git Bash Here 输入命令

    1
    npm i –save hexo-wordcount
  2. 文件配置在theme\yilia\layout_partial\post下创建word.ejs文件:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    <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中添加

    1
    2
    3
    4
    5
    6
    <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}) %>
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
      <!-- 需要添加的位置 -->
    <!-- 开始添加字数统计-->
    <% if(theme.word_count && !post.no_word_count){%>
    <%- partial('post/word') %>
    <% } %>
    <!-- 添加完成 -->

    <% } %>
    </header>

  4. 添加阅读统计:使用不蒜子统计,修改

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <!-- 开始添加字数统计-->
    <% if(theme.word_count && !post.no_word_count){%>
    <%- partial('post/word') %>

    <!-- 开始添加阅读量统计-->
    <span id="busuanzi_container_page_pv">
    阅读统计:<span id="busuanzi_value_page_pv"></span>
    </span>
    <!-- 结束添加-->

    <% } %>
    <!-- 添加完成 -->
  5. 开启功能在站点的_config.yml中添加下面代码

    1
    2
    3
    4
    # 是否开启字数统计
    #不需要使用,直接设置值为false,或注释掉
    word_count: True


Yilia 主题添加字数统计和阅读时长功能
http://www.keker.top/2019/05/15/theme/yilia主题添加字数统计和阅读时长功能/
作者
Keker
发布于
2019年5月15日
许可协议