Day 18:为你的 Hexo 部落格文章添加文章字数与所需阅读时间

今天要实作的内容,能够为自己的 Hexo 部落格文章增加提示本篇文章所需字数以及所需阅读时间,能够帮助读者好掌握阅读这篇文章大致上需要花费的时间。

安装套件

打开终端机指定位址至 Hexo 目录後,执行以下这段指令:

npm install hexo-symbols-count-time --save

修改 Next 设定档

开启 Next 布景的 _config.yml 档案,找到以下这段语法:

# Post wordcount display settings
# Dependencies: https://github.com/theme-next/hexo-symbols-count-time
symbols_count_time:
  separated_meta: false # 是否独立一行
  # 以下设定如果填 false,「文章字数:」与「所需阅读时间 ≈ 」会以图标呈现
  item_text_post: true # 文章
  item_text_total: true # 网页底部

在 Hexo 设定档新增语法

开启 Hexo 根目录 _config.yml 档案,增加以下这段语法:

# count
symbols_count_time:
  symbols: true # 文章字数统计显示
  time: true # 文章阅读时间显示
  total_symbols: false # 网页底部字数统计显示
  total_time: false # 网页底部阅读时间显示
  exclude_codeblock: false # 字数统计是否排除程序码
  awl: 4  # 平均文字长度,中文为 2, 英文为 5, 预设为 4
  wpm: 275  # 一分钟阅读字数
  suffix: "分钟"

实作成果

文章(项目以文字呈现)

文章(项目以文字呈现)

文章(独立一行呈现)

文章(独立一行呈现)

网页底部(项目以图标呈现)

网页底部(项目以图标呈现)

参考资料

  • 忘了当初照哪一篇教学文章操作了,找到再补。

本篇文章同步发布於我的部落格 Gui Blog


<<:  [Angular] Day33. Communicating with backend services using HTTP

>>:  剪裁与遮罩-30天学会HTML+CSS,制作精美网站

Use Alfresco APSCA Exam Questions and Save yourself From Exam Anxiety

**Get Ready to Clear Alfresco APSCA Exam by Choosi...

WebRTC之旅:终

转眼间,三十天过去了~ 在这些日子中,练习写文章,练习自主学习的步调,练习整理思绪,学习新知......

Day10:Swift 基础语法— Dictionary

前言 Dictionary 储存一堆由<key, value>组合的资料, 每一个 va...

Day 12 AWS云端实作起手式第二弹 开始拼拼图吧

来到了第二弹,我们今天会有三个步骤: 建立EC2跟DB的机器,以及设定EC2专用的IAM Role。...

Ruby 学习笔记簿:Metaprogramming Quizzes

Quiz: Missing Lines 题目说明: 下面程序码以图表方式呈现,可看出物件与类别之间的...