# 评论功能

使用的是 gitalk 评论功能

# gitalk设置

添加到 themes/hollow/_config.yml

gitalk:
  enable: true #指的是是否开启Gitalk
  ClientID: #之前的Client ID
  ClientSecret:  #之前的Client Secret
  repo: gitalk #你要存放的项目名,下文会详细再说
  owner: liaohui1080 #这个项目名的拥有者(GitHub账号或组织)
  adminUser: liaohui1080 #管理员用户,下文也会详细讲
  ID: location.pathname #页面ID,不知道就默认的就好了
  labels: Gitalk #GitHub issues的标签,下面会详细说
  perPage: 15 #每页多少个评论
  pagerDirection: last #排序方式是从旧到新(first)还是从新到旧(last)
  createIssueManually: true #如果当前页面没有相应的 isssue ,且登录的用户属于 admin,则会自动创建 issue。如果设置为 true,则显示一个初始化页面,创建 issue 需要点击 init 按钮。
  distractionFreeMode: false #是否启用快捷键(cmd|ctrl + enter) 提交评论
1
2
3
4
5
6
7
8
9
10
11
12
13

# 添加到html

添加到 themes/hollow/layout/_partial/comment.ejs

<!--使用 Gittack 作为评论-->
<% if (theme.comments && theme.comments.disqus_shortname){ %>
    <link href="https://cdn.bootcss.com/gitalk/1.6.2/gitalk.min.css" rel="stylesheet">
    <div id="gitalk-container"></div>
    <script src="https://cdn.bootcss.com/gitalk/1.6.2/gitalk.min.js"></script>
    <script type="text/javascript">
        var gitalk = new Gitalk({
            clientID: '<%= theme.gitalk.ClientID %>',
            clientSecret: '<%= theme.gitalk.ClientSecret %>',
            repo: '<%= theme.gitalk.repo %>',
            owner: '<%= theme.gitalk.owner %>',
            admin: '<%=theme.gitalk.adminUser%>',
            id: '<%=theme.gitalk.ID%>',

            labels: '<%=theme.gitalk.labels%>'.split(',').filter(l => l),
            perPage: '<%=theme.gitalk.perPage%>',
            pagerDirection: '<%=theme.gitalk.pagerDirection%>',
            createIssueManually: '<%=theme.gitalk.createIssueManually%>',
            distractionFreeMode: '<%=theme.gitalk.distractionFreeMode%>'
        })
        gitalk.render('gitalk-container')
    </script>
<% } %>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
更新时间: 2024/8/2 17:52:13