添加gitalk评论插件

写在前面……

在建立自己的个人博客过程中，对评论系统十分好奇，同时自己也是个js大白，HTML代码我也看不懂，因此不断分析hexo文件系统内容。网页编程采用的是 HTML + CSS + JS 这样的组合，其中 HTML 是用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互。

总的主题文档如下

layout文档

_partial文档

post文档

而gitalk插件的配置内容就在 gitalk.ejs中内部代码为

1
2
3
4
5
6
7
8
9
10
11

<% if (theme.gitalk != undefined){ %>
    <div id='gitalk-container' class="comment link"
        data-ae='<%=theme.gitalk.autoExpand%>'
        data-ci='<%=theme.gitalk.clientID%>'
        data-cs='<%=theme.gitalk.clientSecret%>'
        data-r='<%=theme.gitalk.repo%>'
        data-o='<%=theme.gitalk.owner%>'
        data-a='<%=theme.gitalk.admin%>'
        data-d='<%=theme.gitalk.distractionFreeMode%>'
    >查看评论</div>
<%}%>

在_config.yml中设置的内容为

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

gitalk:
    # 是否自动展开评论框
    autoExpand: true
    # 应用编号
    clientID: ''     
    # 应用秘钥
    clientSecret: ''
    # issue仓库名    填写你的仓库名
    repo: ''
    # Github名
    owner: ''
    # Github名
    admin: ''
    # Ensure uniqueness and length less than 50
    id: location.pathname
    # Facebook-like distraction free mode
    distractionFreeMode: false

所谓应用编号和密钥是在github中setting中获取应用，填写好信息后，会生成编号和密钥

想要gitalk，需要申请GitHub Application。

Application name填入喜欢的应用名称。

Homepage URL填入域名。

Application description填入应用的描述。

Authorization callback URL 填入域名。

然后，Register application，转到应用页面。在该页面，可以看到Client ID和Client Secret。

将_config.yml文件内容填写完后，并不能出现文章下方的评论，原因是需要设置issue的仓库

中间出现了一些问题，比如gitalk会出现 error:Not found这样的错误，这种问题网上没有解决方法，可能是太容易了，只要按照步骤配置，把各个接口配置正确就没有问题。