hexo+next博客美化——增加插件

增加第三方插件可以增强网站的功能、美化网站的界面。

1、网站链接优化

本地访问我们的博客网站会发现我们的URL有时候很长，因为在站点配置文件中默认是年月日然后网站目录最后再是文章的名字，所以我们的URL经常就很长一大串，不美观，而且对搜索引擎也不太友好，所以我们需要优化URL。这里需要下载一个插件——hexo-abbrlink。

cnpm install hexo-abbrlink --save

然后在站点配置文件中找到permalink，并修改成以下内容

permalink: post/:abbrlink.html
abbrlink:
  alg: crc32  # 算法：crc16(default) and crc32
  rep: hex    # 进制：dec(default) and hex

弄好后重新hexo clean一下，我们的链接就会变短并且会经过算法处理。

2、文章字数统计、阅读时长估计

安装插件

npm install hexo-word-counter

然后在站点配置文件中增加以下内容

#文章字数与阅读时长统计
symbols_count_time:
  symbols: true               # 文章字数统计
  time: true                  # 文章阅读时长
  total_symbols: true         # 站点总字数统计
  total_time: true            # 站点总阅读时长
  exclude_codeblock: false     # 排除代码字数统计
  awl: 2                      # 每个单词所占字符数，中文建议设置为2，英文建议设置为4
  wpm: 300                    # 每分钟阅读单词数，中文建议设置为300，英文建议设置为275
  suffix: "mins"              # 时间单位

更改主题配置文件中配置

symbols_count_time:
  separated_meta: true
  item_text_post: true
  item_text_total: true  #底部footer是否显示字数统计属性文字(如站点总字数,站点阅读时长 ≈ 1 分钟)

3、添加网站运行时间

添加网站运行时间需要改动next主题源码。进入themes/next/layout/_partials 目录，打开 footer.njk 文件。在最后一行{ {- next_inject('footer') }}前添加以下代码

<div>
<span id="timeDate">载入天数...</span><span id="times">载入时分秒...</span>
<script>
    var now = new Date();
    function createtime() {
     
        var grt= new Date("07/31/2020 00:00:00");
        now.