artalk评论工具

给大家介绍一款用于Hexo博客添加评论功能的插件artalk，通过此插件，我们可以在网站文章最下方添加评论回复内容。

下面是插件的安装以及使用操作。

服务器

可以在Linux服务器上通过Docker 安装 artalk 服务器。安装后需要手动创建管理员账户。

1
2

# 进入 Artalk 容器创建管理员（artalk 为容器名）
docker exec -it artalk artalk admin

按提示输入：

• 用户名（如 admin）
• 邮箱（作为登录账号）
• 密码（使用强密码）

进入后台地址：http://127.0.0.0:23366/sidebar/#/sites)。

在站点里添加新站点，需要记住站点名字和网站URL需要写你的博客网址。这一步服务器就算完成了。

安装插件

在你的博客根目录下打开终端，运行以下命令来安装一个为 Hexo 准备的 Artalk 插件：

1

npm install hexo-next-artalk

配置插件

修改博客配置文件：打开你 Hexo 博客根目录下的 _config.yml 文件，在末尾添加或修改以下内容。这里需要填入你之前部署好的 Artalk 服务端信息。

1
2
3
4
5
6
7
8

# 评论工具 artalk 插件配置参考：https://artalk.js.org
artalk:
  enable: true  # 是否开启插件
  server: http://127.0.0.0:端口/  #Artalk 服务端地址
  site: myblog  # 你在 Artalk 后台创建的站点名称
  vCount: true  # 是否开启访问量统计
  commentCount: true  # 是否开启评论数统计
  darkMode: auto  # 主题：'auto'为自动，'light'为浅色，'dark'为深色

添加评论元素

直接在 Hexo 主题的文章模板文件（通常是 layout/_partial/comment.ejs 或 layout/post.ejs）中添加 Artalk 的初始化代码。

在你的主题文件中，找到合适的位置（通常是在 <div id=”post-comment”> 或类似的标签内），添加以下 HTML 结构：

1
2
3
4
5
6
7
8
9
10
11
12
13

<!-- Artalk 评论系统 -->
<link href="https://cdn.jsdelivr.net/npm/artalk@2/dist/Artalk.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/artalk@2/dist/Artalk.js"></script>
<div id="Comments"></div>
<script>
Artalk.init({
  el:        '#Comments',
  pageKey:   '<%= page.path %>',
  pageTitle: '<%= page.title %>',
  server:    'http://127.0.0.0:端口/',  // 👈 修改为你的 Artalk 后端地址
  site:      'myblog',                       // 👈 修改为你的站点名称
})
</script>

使用

启动Hexo服务，进入博客网址。如果文章底部有评论框内容即为成功部署了评论插件功能了。

注意

artalk服务默认是Http协议访问的。如果你的博客是使用的https协议访问，这会影响到安全性提示导致评论区读取失败