【更新】Artalk评论系统的安装与功能测试

博主：晚夜
发布时间：2024 年 10 月 03 日
3489 次浏览
14 条评论
2539字数
分类：技术文章

好久不见，各位小伙伴们，见字如面

国庆假期这两天一直在摆烂，在自我调整，今天开始正式学习了

准备把英语、化学、语文、政治写完

往后的三天就写其他作业了或者好好休息会儿

# Artalk评论系统

![功能截图](https://bucket.iczrx.cn/2024/10/02/66fd5c0dc461a.png)

今天捣鼓了一下Artalk，一开始是偶然看见twikoo这个评论平台的，但是一直没有时间安装

一开始安装的是twikoo，但是似乎管理不是很方便，就又试了下Artalk

![管理后台](https://bucket.iczrx.cn/2024/10/02/66fd5ce639d33.png)

后台管理界面也清晰简洁，挺好的，能迁移一些评论

但是我的博客已经使用了自带的评论功能了，所以Artalk这个平台留在其他页面吧

---

有一个小小的bug
</div>

昨晚我把Typecho自带评论转为Artrans文件了，也导入了at，但是前端页面却一个评论也没有

搜索不到结果，而且文档里有人反馈，也有人解决了这个问题，但大多数都是1-2年前了

期盼网友们能给出解决方案叭

Artalk可玩性的确高！而且安装和配置非常方便

docker一个命令就安装完成了，再添加一个反代就成功了

体验地址：https://api.iczrx.cn/web/ceshi/artalk

# 用docker安装at

请确保你已经装了docker环境并添加了docker pull加速链接

```php
docker run -d \
    --name artalk \
    -p 8080:23366 \
    -v $(pwd)/data:/data \
    -e "TZ=Asia/Shanghai" \
    -e "ATK_LOCALE=zh-CN" \
    -e "ATK_SITE_DEFAULT=Artalk 的博客" \
    -e "ATK_SITE_URL=https://example.com" \
    artalk/artalk-go
```

这里的8080端口可以自行修改，请确保在服务器放行此端口，不放行也可以，后期反代时用127.0.0.1

然后创建管理员用户

```php
docker exec -it artalk artalk admin
```

确认完登录名和密码就可以使用了

这时候你需要添加一个反向代理

如果放行了端口直接公网ip+端口，没有放行的话就用127.0.0.1+端口来反代

最后登录at，在设置里面添加一下验证码和邮箱SMTP账户就大功告成了

可以自行去探索更多内容

这里是通用的引入评论系统的代码

```htm

<link href="http://artalk.example.com:8080/dist/Artalk.css" rel="stylesheet" />

<script src="http://artalk.example.com:8080/dist/Artalk.js"></script>

<div id="Comments"></div>
<script>
Artalk.init({
  el:        '#Comments',                       // 绑定元素的 Selector
  pageKey:   '/post/1',                         // 固定链接
  pageTitle: '关于引入 Artalk 的这档子事',         // 页面标题 (留空自动获取)
  server:    'http://artalk.example.com:8080',  // 后端地址
  site:      'Artalk 的博客',                    // 你的站点名
})
</script>
```

修改一些配置就好啦，具体可以看看我做的at体验网站

---

# 安装历程

## Typecho转at前端页面显示空白

经过我仔细地查询官方文档

终于发现了一些蛛丝马迹

原因出现在pageKey上，我知道要把它改成相对路径

但是按照文档上的来修改，始终修改不起来

于是我再次仔细地翻阅文档，终于发现了直接不填就可以自动获取相对路径了

所以，如果你是Typecho博客，可以试着这样写

```html

<link href="http://artalk.example.com:8080/dist/Artalk.css" rel="stylesheet" />

<script src="http://artalk.example.com:8080/dist/Artalk.js"></script>

<div id="Comments"></div>
<script>
Artalk.init({
  el:        '#Comments',                       // 绑定元素的 Selector
  pageKey:   '',                         // 固定链接
  pageTitle: '关于引入 Artalk 的这档子事',         // 页面标题 (留空自动获取)
  server:    'http://artalk.example.com:8080',  // 后端地址
  site:      'Artalk 的博客',                    // 你的站点名
})
</script>
```

将pageKey留空即可，至此，前端页面已经能正常显示之前的评论了

![效果图](https://bucket.iczrx.cn/2024/10/03/66fe9a4135513.png)

## 表情包使用受限

运用他人的json文件可以，但是自己的json文件却使用不了，我用的是OwO格式的

这个目前还没找到解决办法，日后我再仔细琢磨琢磨，看看有什么办法

![错误截图](https://bucket.iczrx.cn/2024/10/03/66fe9a6fe78c4.png)

目前呢，我站的at评论功能还在灰度测试，将来不一定会使用

因为handsome还是原生评论适配得比较好

如果有什么建议，欢迎在此给出哦~

晚安咯，各位小伙伴们！

最后修改：2024 年 10 月 03 日

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复
请文明发言，尊重作者

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

14 条评论

虾虾剥虾壳 Google Chrome 131.0.0.0 Windows 10 中国广东深圳
December 29th, 2024 at 10:37 pm

今天在wp安装也是遇到这个问题，搞了好久没解决，看到这篇文章终于解决了前端不显示以前评论的问题，还一直以为是我导入的文件有问题！十分感谢！

回复
1. 晚夜 ViVO Android 14 中国江苏扬州
  December 29th, 2024 at 10:42 pm
  
  @虾虾剥虾壳
  
  好嘞，我当时捣鼓了许久始终没解决，后来无心留空突然就显示了，不过表情包一直困扰着我，你那边正常吗（引入其他站点的owo）
  
  回复
  1. 虾虾剥虾壳 Google Chrome 131.0.0.0 Windows 10 中国广东深圳
    December 29th, 2024 at 10:44 pm
    
    @晚夜
    
    我这边官方自带的表情包是可以正常使用的，还没加入别的表情包不知道可不可以
    
    回复
LiuShen Google Chrome 129.0.0.0 Windows 10 中国湖北武汉
October 5th, 2024 at 12:07 am

呜呜呜，butterfly目前好像有点兼容问题，配合上pjax加载总是有问题呜呜呜

回复
1. 晚夜 Edge 129.0.0.0 Windows 10 中国江苏扬州
  October 5th, 2024 at 12:33 am
  
  @LiuShen
  
  at也不太适配我这个主题
  
  回复
klcdm Edge 129.0.0.0 Windows 10 加拿大
October 4th, 2024 at 11:00 am

这个评论区肥肠好用，我是tw转过来的

回复
1. Chlorine Firefox 130.0 Mac OS X 10 中国辽宁大连
  October 5th, 2024 at 11:22 am
  
  @klcdm
  
  tw？是 Twikoo 吗？
  
  回复
2. 晚夜 Edge 129.0.0.0 Windows 10 中国江苏扬州
  October 4th, 2024 at 03:02 pm
  
  @klcdm
  
  是滴是滴，但我这个主题似乎还是原生比较适合
  
  回复
Chlorine Firefox 130.0 Mac OS X 10 中国辽宁丹东
October 3rd, 2024 at 04:22 pm

Artalk 还是很出色的，只是不知道 SQLite 能承受多大的压力。我实在不想在我的机器上安装又大又沉的 MySQL / PostgreSQL。

回复
1. 晚夜 Edge 129.0.0.0 Windows 10 中国江苏扬州
  October 3rd, 2024 at 10:30 pm
  
  @Chlorine
  
  是的，但我这个博客似乎还是原生的评论适配的好（
  
  回复
2. Teacher Du Edge 129.0.0.0 Windows 10 中国辽宁营口
  October 3rd, 2024 at 08:31 pm
  
  @Chlorine
  
  对于个人使用来说，SQLite是完全够用！
  
  回复
  1. Chlorine Firefox 130.0 Mac OS X 10 中国辽宁丹东
    October 3rd, 2024 at 08:44 pm
    
    @Teacher Du
    
    众所周知，杜老师也是个人使用
    
    回复
喵呜 Google Chrome 119.0.6045.134 Android 13 中国河北唐山
October 3rd, 2024 at 12:25 am

这个可以有！我的博客给整成静态化了，正寻思自带的评论可能会出问题。将来开评论拿这个替换一下试试

回复
1. 晚夜 Edge 129.0.0.0 Windows 10 中国江苏扬州
  October 3rd, 2024 at 01:00 pm
  
  @喵呜
  
  可以滴，非常方便的评论系统~
  
  回复