一、文章增添字數統計和閱讀時長功能
1. 安裝hexo-wordcount
先安裝相關插件,終端輸入以下命令:
npm install hexo-wordcount --save
2. 文件配置(3步)
2.1在theme\sakura\layout\_partial\
下創建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>
<!-- 安裝插件npm install hexo-wordcount --save -->
<span class="post-count"><%= wordcount(post.content) %>字</span>
</span>
</span>
<span class="post-time">
|
<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>
2.2在\themes\sakura\layout\_widget\
common-article.ejs文章標題中合適位置添加:(添加在</head>
標籤前)
<!-- 開始添加字數統計-->
<% if(theme.word_count && !post.no_word_count){%>
<%- partial('_partial/word') %>
<% } %>
<!-- 添加完成 -->
2.3在MyWeb\themes\sakura\_config.yml
配置文末添加:
# 是否開啓字數統計
#不需要使用,直接設置值爲false,或註釋掉
word_count: true
- 運行效果由圖片所示
二、修復作者頭像和鏈接顯示問題
在_post目錄寫md文章時,應該加上作者信息:
author(名稱),authorLink(鏈接),avatar(頭像),authorAbout(簡介)
---
title: 2020年2月4日情人節隨筆
author: cungudafa
authorLink: https://cungudafa.gitee.io
avatar: https://cdn.jsdelivr.net/gh/cungudafa/cdn/img/custom/cungudafa.jpg
authorAbout: 姑,一個學習記錄者
date: 2020-02-13 22:59:10
tag: 隨筆
categories: 生活
comment: true
description:
photos:
---
在\themes\sakura\layout\_widget\
common-article.ejs文章標題中可修改樣式: