显示文章评论数

前言

因为工作的原因,已经很久没有折腾过博客,半年多的时间内,Concise主题现在也拥有了一部分使用者。近期,比较多的人问过我一个问题:文章的评论数是怎么添加的,我后来回想了一下,因为当初自己增加这功能的时候,并没有立即出现效果,而是过了一段时间才显示的,所以并没有集成到Concise主题内。随着此文章的发布,这个功能也已经同步更新到Concise主题上,使用此主题的可以更新下。附:本人当初搞这功能参考的是多说官方教程

正文

废话不多说,直接进入正题,以Concise为例子,只需要修改两个地方,如果其他主题遇到问题可留言,本人将积极帮忙。
1.在E:\hexo\themes\concise\layout\_partial\article.ejs文件内的

1
<div class="clearfix"></div>

上面增加以下代码,如果找不到上面这行代码,则在</footer>标签上面增加以下代码

1
2
3
4
5
<div class="comments-count">

<a href="<%- config.root %><%- item.path %>#comment" class="ds-thread-count icon-comment" data-thread-key="<%- item.path %>" data-count-type="comments"></a>

</div>

2.在E:\myblog\themes\concise\source\css\_partial\article.styl文件内增加以下代码

1
2
3
4
5
6
7
8
9
10
.comments-count
color lighten(color-gray,20%)
float right
a
.icon-comment:before
font-family font-icon
font-smoothing()
content "\f075"
@media phonemax
float left

总结

有其他任何问题,欢迎在下方留言。