Hexo个人博客如何开放评论区使用？

2024/9/5 教程 hexo

前言

本文操作的前置准备，需要已经搭建好自己的hexo个人博客。没有搭建博客的话，可以根据本站之前的教程文章一步一步跟着搭建。

具体操作

安装插件

输入以下命令安装插件

npm i --save gitalk

创建一个开放issue功能的仓库

github 创建一个用于存放评论的空仓库备用，需要启用issue功能，不过一般新建仓库默认就是有的，注意记住仓库名字

创建Github Application

然后需要创建 GitHub Application 如果没有点击这里申请,
Authorization callback URL 填写GithubPages的域名 https://xxx.github.io 有专属域名的填专属域名，否则会跳转到主界面无法登陆

然后注册应用，记住Client ID 和Client secrets

配置主题的_config.yml

进入主题文件夹下的_config.yml

以下是参考配置

# Gitalk 评论插件（https://github.com/gitalk/gitalk）
gitalk:
    # 是否启用评论功能
    enable: true
    # 是否自动展开评论框
    autoExpand: false
    # 应用编号
    clientID: '你的Client ID'
    # 应用秘钥
    clientSecret: '你的Client secrets'
    # issue仓库名
    repo: '存放评论的仓库名'
    # Github名
    owner: '你的GitHub名'
    perPage: 20 # 每页多少个评论
    pagerDirection: last # 排序方式是从旧到新（first）还是从新到旧（last）
    createIssueManually: true # 如果 issue 仓库没有当前页面的 issue 且登陆的用户为管理员，则显示一个初始化按钮创建issue 需要点击 init 按钮。
    # Github名
    admin: ['你的GitHub名']
    # Ensure uniqueness and length less than 50
    id: location.pathname
    # Facebook-like distraction free mode
    distractionFreeMode: false

写在最后

至此，你的博客就能够评论啦

LOADING