博客装修记录1：添加字数统计

前置条件：较为基础的html，css知识

1. 博客根目录bash下载hexo-wordcount插件

   1	npm install hexo-wordcount --save

   插件会添加下面的数据字段。可以用来在需要的位置插入

   1 2	<%=wordcount(post.content) %> // 纯中文+英文单词数量（推荐） <%=totalcount(site) %> // 所有文章的总字数

2. 博客页面右键检查源代码，并在/themes/主题文件夹/layout下找到对应的html文件（很可能在_partial文件夹里）。

   现在我需要的位置（在博文列表页面的每个标题下添加字数显示）对应的是_partial/post/post-entry.ejs文件里class=”post-entry__meta”的div。所以我只要往这个div里面添加我需要的东西就可以了，也就是添加：

   1	本文字数：<%=wordcount(post.content) %>字

   此外，我为了让它和其他文字保持美观，还从相关文件里面找到了其他样式代码，即在上面这行字前面加一个<span class="separate-dot"></span>

3. 保存后，可以重新本地预览页面。

   1 2 3

   hexo clean hexo g #generate hexo s #server