摘要：给yilia主题添加utteranc评论系统，并设置在主页不显示评论系统。
utterances介绍
- 一个机器人utterances bot，好像是2017年开工的，2018开始火，2019大热。 当有人评论时，自动在指定仓库创建一个issues，用于评论。
使用
1.安装应用
安装utterances应用，网址 https://github.com/apps/utterances ，设置指定仓库即可。
2.修改yilia的article.ejs文件
修改：themes\yilia\layout_partial\article.ejs ，在最后添加如下代码：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16<!-- 《utteranc评论：基于github issue的评论系统 -->
<% if (theme.utterance && theme.utterance.enable){ %>
<section id="comments" class="comments">
<style>
.utterances{max-width: 100%;}
</style>
<script src="https://utteranc.es/client.js"
repo="<%= theme.utterance.repo %>"
issue-term="<%= theme.utterance.issue_term %>"
theme="<%= theme.utterance.theme %>"
crossorigin="anonymous"
async>
</script>
</section>
<% } %>
<!-- utteranc评论》 -->但是以上代码会在博客首页也显示评论。
3.关闭首页显示
将上述代码改为如下所示，增加了第一行和最后一行代码（注释除外）：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18<!-- 《utteranc评论：基于github issue的评论系统 -->
<% if (!index){ %>
<% if (theme.utterance && theme.utterance.enable){ %>
<section id="comments" class="comments">
<style>
.utterances{max-width: 100%;}
</style>
<script src="https://utteranc.es/client.js"
repo="<%= theme.utterance.repo %>"
issue-term="<%= theme.utterance.issue_term %>"
theme="<%= theme.utterance.theme %>"
crossorigin="anonymous"
async>
</script>
</section>
<% } %>
<% } %>
<!-- utteranc评论》 -->4.配置yilia
在yilia的配置文件_config.yml中添加如下代码：
1
2
3
4
5
6# utteranc评论： https://utteranc.es (参数配置详见主页)
utterance:
enable: true
repo: 'wkzqn/wkzqn.github.io' #仓库名字,格式：你的用户ID/仓库名称
issue_term: 'title' #映射配置
theme: 'github-light' #主题
参考文献
- 本文作者： 随风而行
- 本文链接： http://yoursite.com/2020/02/16/yilia主题添加utteranc评论系统/
- 版权声明： 本博客所有文章除特别声明外，均采用 MIT 许可协议。转载请注明出处！