Hexo 折腾记

[tianma8023]

http://tianma.space/post/1810369046/

[shushu1234]

博主，你好，你的那个分页的插入index nav好像是它原来的代码，不是修改后的代码，能分享一下修改之后的代码吗？谢谢了哈！

[tianma8023]

@shushu1234 博主，你好，你的那个分页的插入index nav好像是它原来的代码，不是修改后的代码，能分享一下修改之后的代码吗？谢谢了哈！

是这样的，这个站是基于 material-1.3.0 的，当时是没有分页功能的。我刚刚看了下最新的 material-1.5.2 的代码，index.ejs 确实已经加入了分页，但是你仔细看一下其中的参数是不一样的。关于 paginator 这个可以参考hexo官方文档 hexo-helpers-paginator

[shushu1234]

@tianma8023

@shushu1234 博主，你好，你的那个分页的插入index nav好像是它原来的代码，不是修改后的代码，能分享一下修改之后的代码吗？谢谢了哈！

是这样的，这个站是基于 material-1.3.0 的，当时是没有分页功能的。我刚刚看了下最新的 material-1.5.2 的代码，index.ejs 确实已经加入了分页，但是你仔细看一下其中的参数是不一样的。关于 paginator 这个可以参考hexo官方文档 hexo-helpers-paginator

好的，谢谢哈。

[widsnoy]

博主，我又来了。请问你的文章字数统计和最后更新时间是怎么实现的？

[tianma8023]

@EEEIXXX 以目前的版本 1.5.6 为例： 关于第二个问题，可以参考我之前的回复：文章更新問題 关于第一个问题，需要用到一个hexo插件 - Hexo-WordCount，按照文档里面先install好这个插件，然后还是在 /layout/_partial/Paradox-post-info.ejs 中加入以下代码片段：

    <% if (page.wordcount !== false) { %>
    <div class="div-post-count">
        <span class="post-count">字数统计：<%= wordcount(page.content) %> 字</span>
        <span class="post-count">阅读时长：<%= min2read(page.content) %> 分</span>
    </div>
    <% } %>

其中 page.wordcount 是我在每个post中的 front-matter 中自定义的 wordcount 字段，默认是值是 true ，当有些页面不想统计字数和阅读时长的时候就可以手动设置为 false, 例如我的 关于页面

所以给出我这边最终的 /layout/_partial/Paradox-post-info.ejs 需要被修改或新增的内容：

    <!-- Author Name & Date -->
    <div>
        <span>发表：<%= date(page.date, 'YYYY.MM.DD')%></span>
        <span>更新：<%= date(page.updated, 'YYYY.MM.DD') %></span>
    </div>

    <% if (page.wordcount !== false) { %>
    <div class="div-post-count">
        <span class="post-count">字数统计：<%= wordcount(page.content) %> 字</span>
        <span class="post-count">阅读时长：<%= min2read(page.content) %> 分</span>
    </div>
    <% } %>

最后题外话就是，遇到什么问题，可以先看官方repo的issues里面有没有其他人之前也遇到过相同的问题，没准就能解决你的问题，多瞧一瞧这些issues还是有点收获和帮助的。

[widsnoy]

好的，谢谢大佬～

[tianma8023]

@EEEIXXX 没事没事，再就是我之前看了你的博客中的标签云，里面不少标签都带有 - 前缀，应该是写的时候中间没有空格吧，2333

[widsnoy]

@tianma8023 @EEEIXXX 没事没事，再就是我之前看了你的博客中的标签云，里面不少标签都带有 - 前缀，应该是写的时候中间没有空格吧，2333

emmmm,才用不久，谢谢提醒。不过这个间距怎么整

[tianma8023]

@EEEIXXX /layout/_partial/config_css.ejs 中自定义 div-post-count 的样式：

/* Word Count */
#scheme-Paradox .div-post-count {
    margin-left: 2em;
}
@media screen and (max-width: 840px) {
    #scheme-Paradox .div-post-count {
        display: none !important;
    }
}
/* Word Count */

@media 后面这一部分表示移动端不显示字数统计和阅读时长这一块，不想要的也可以去掉。

[widsnoy]

@tianma8023 @EEEIXXX /layout/_partial/config_css.ejs 中自定义 div-post-count 的样式：

/* Word Count */
#scheme-Paradox .div-post-count {
    margin-left: 2em;
}
@media screen and (max-width: 840px) {
    #scheme-Paradox .div-post-count {
        display: none !important;
    }
}
/* Word Count */

@media 后面这一部分表示移动端不显示字数统计和阅读时长这一块，不想要的也可以去掉。

ok

[ojhdt]

我在文章Front-matter添加了description，但文章摘要并没有显示其中的内容。 请问该变量是否需要插件支持？ 使用的主题为 Material。

[tianma8023]

@ojhdt 你可以参考这个 希望首页摘要能支持显示 description 的内容 两种方式：

• 在文章中使用 <!-- more -->， <!-- more --> 之前的即为摘要。
• 安装 hexo-front-matter-excerpt 插件，通过在 front-matter 中指定 excerpt 字段实现文章摘要。

[ojhdt]

@tianma8023

@ojhdt 你可以参考这个 希望首页摘要能支持显示 description 的内容

两种方式：

• 在文章中使用 <!-- more -->， <!-- more --> 之前的即为摘要。

• 安装 hexo-front-matter-excerpt 插件，通过在 front-matter 中指定 excerpt 字段实现文章摘要。

我为每一篇文章指定了 'excerpt' 字段，但很显然它并没有被读取。[hexo-front-matter-excerpt] 插件已安装。

在我看来，Material主题设置中的 entry_excerpt 设置项始终占主导权。

[tianma8023]

@ojhdt 不对呀，你确定 hexo-front-matter-excerpt 插件安装了吗？我刚刚试了下，是ok的呀。

---
title: xxxxx
excerpt: Hello this is an excerpt.
---

[ojhdt]

@tianma8023 @ojhdt 不对呀，你确定 hexo-front-matter-excerpt 插件安装了吗？我刚刚试了下，是ok的呀。

---
title: xxxxx
excerpt: Hello this is an excerpt.
---

问题已解决 很无奈，由于我的疏忽，文章Front-matter部分没有全部使用---括住，只保留了下半部分。

title: xxxxx
excerpt: Hello this is an excerpt.
---

由于之前都工作正常，没想到出现了错误。

[ojhdt]

请教一下：

首页的浏览量统计bug有什么解决方法？具体问题可查看该issue，很遗憾没有给出解决方案。

https://github.com/viosey/hexo-theme-material/issues/223

[tianma8023]

@ojhdt 首页我用的是不蒜子，post 页面用的是 leancloud，按照 hexo-theme-material 文档的来进行配置就行了，但是因为自己没有后台，其实这些数据对我来说没啥用处，我也就没太在意。

[tianma8023]

@ojhdt 我看了下，你首页中没有加载 不蒜子 统计相关的js，你仔细看看是哪里出了问题。

另外，hexo-theme-material 的主题配置文件的模版 (_config.template.yml) 中的不蒜子的js是有点问题的：

# Busuanzi 不蒜子 Views
busuanzi:
    busuanzi_pure_mini_js: "https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"

你在主题配置文件(theme/_config.yml)中可以改为：

# Busuanzi 不蒜子 Views
busuanzi:
    busuanzi_pure_mini_js: "//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"