之前介绍过 Cusdis 整体风格以及性能比较满意，但是有一个非常明显的问题，当访客评论可以获取邮件通知，但当回复访客时，访客就无法获取到通知，非常不利于进行交流。

昨日看到 烧饼博客 还有 BAOSHUO 的博客评论系统更换为了 Artalk，之前也有大佬在博客的留言中提起过这个系统。

测试了一下性能不错，也没有邮件通知的问题。嵌入到博客中，整体风格还算统一，遂进行了部署替换。

此处介绍 Docker 部署的方式，基于宝塔面板。

Artalk

项目地址：Artalk

Artalk 是一款简洁、轻量的自托管评论系统，你可以在服务器上轻松部署并置入前端页面中。

来到你的博客，或是任意位置，放置 Artalk 评论框，让页面具备丰富的社会化功能。

官方文档：Artalk Docs

特性

  • 前端采用 TypeScript (Vanilla JS)，轻量级，无冗余依赖，仅 ~30KB (gzipped)。
  • 后端采用 Golang 重制 (Artalk v2)，跨平台，体积小巧，五脏俱全，快速部署。

其UI简洁、支持自托管、支持给访客邮件推送，是我非常看重的功能。

部署 Artalk

Docker 部署

一、获取镜像

镜像名如下：

1
artalk/artalk-go

img

国内服务器获取镜像会极慢，请耐心等待。

二、创建容器

img

1
2
3
配置如下：
容器端口：23366
容器目录：/data

三、更改容器名称为 artalk

img

四、创建管理员账号

在SSH客户端中输入下面的命令，设置输入信息设置管理员账号

1
docker exec -it artalk artalk admin

img

设置反向代理

宝塔新建站点 -> 打开SSL - > 反向代理 ->添加反向代理

目标 URL 填写：http://127.0.0.1:6666

img

配置站点

进入页面域名登陆，然后创建一个站点，将下面代码修改后放到网站的合适位置即可。

WordPress 可以参考以下配置，如使用其他系统，请将 <?php $id =get_the_ID();echo get_permalink($id); ?>、<?php the_title(); ?>" 修改为合适的 函数。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- CSS -->
<link href="https://your_domain/dist/Artalk.css" rel="stylesheet">

<!-- JS -->
<script src="https://your_domain/dist/Artalk.js"></script>

<!-- Artalk -->
<div id="Comments"></div>
<script>
new Artalk({
  el:        '#Comments',                // 绑定元素的 Selector
  pageKey:   '<?php $id =get_the_ID();echo get_permalink($id); ?>',// 固定链接 (留空自动获取)
  pageTitle: '<?php the_title(); ?>',  // 页面标题 (留空自动获取)
  server:    'https://your_domain',  // 后端地址
  site:      'Artalk 的博客',             // 在后端中创建的站点名
})
</script>

此时将代码插入到静态页面，进入后台进行设置，即可愉快的使用了~

后语

Cusdis 系统里的评论全部都没了，很桑心 /(ㄒoㄒ)/~~