Hexo定制之家宽部署artalk评论系统
网站部署artalk评论系统，接收访客用户的评论
实现方法
hexo部署Artalk
用J4125里面的宝塔面板的Docker
宝塔在debian服务器上
debian服务器上镜像Docker对应目录/data/artalk
灵感来源
carlzeng@Debian11:/data/artalk$ ls
artalk.db artalk.yml
http://192.168.@@@:82/sidebar/#/login
carlzeng@Debian11:/$ docker exec -it artalk artalk admin
permission denied while trying to connect to the Docker daemon socket at unix:///var/run/docker.sock: Get "http://%2Fvar%2Frun%2Fdocker.sock/v1.24/containers/artalk/json": dial unix /var/run/docker.sock: connect: permission denied
carlzeng@Debian11:/$ su
Password:
root@Debian11:/# docker exec -it artalk artalk admin
Error response from daemon: No such container: artalk
检测了BT面板里面的artalk容器配置，发现异常如下：
"Name" : "/q18qdroglehghc",
用第二种方法：直接在ssh中输入docker命令
在root的根目录下执行
docker run -d
--name artalk
-p 82:23366
-v /data/artalk:/data
artalk/artalk-go
docker exec -it artalk artalk admin
WARN[0000] 未找到 IP 数据库文件："./data/ip2region.xdb"，IP 归属地功能已禁用，参考链接：https://artalk.js.org/guide/frontend/ip-region.html
--------------------------------
Create admin account
--------------------------------
Enter Username: ***
Enter Email: zeng.@icloud.com
Enter Password:
Retype Password:
--------------------------------
Name: ***
Mail: zeng.@icloud.com
--------------------------------
可以在正常在本地提交评论http://localhost:4000/blog/202309222344.html#Next
下一步：
添加到NexT的页脚模版comment位置
done, added in comments.njk
```html
{%- if page.comments %}
<!-- CSS -->
<link href="https://cdn.bootcdn.net/ajax/libs/artalk/2.6.4/Artalk.css" rel="stylesheet">
<!-- JS -->
<script src="https://cdn.bootcdn.net/ajax/libs/artalk/2.6.4/Artalk.js"></script>
<!-- Artalk -->
<div id="Comments"></div>
<script>
Artalk.init({
el: '#Comments', // 绑定元素的 Selector
pageKey: '', // 固定链接 (留空自动获取)
pageTitle: '', // 页面标题 (留空自动获取)
server: 'http://192.168.@@@:82', // 后端地址
site: '@@@@ Notes - Local', // 你的站点名
})
</script>
....
```
.post-nav { border-bottom: 20px solid $gainsboro;
目前的局限：打开页面以后需要二次刷新页面才会出现评论
修改NexT的电脑端背景色为白色，（同步于手机端样式）
修改配置文件 darkmode: false
映射或反向代理，提供给外网使用：https://chuanzhuo.github.io/blog/
如何给docker中的服务配置二级域名？
https页面可否嵌入http服务？
需要升级到https
Nginx Proxy Manager也可以代劳
家宽如何使用Nginx Proxy Manager反向代理 - YouTube https://vt.wooomooo.com/?p=67689
材料清单
家宽+公网IP
一级域名？
反向代理步骤
1. 进入Nginx Proxy Manager官网，获取docker-compose.yml配置文件（需保存为这个文件名）
1. 到这个docker-compose.yml文件的目录下，执行：docker-compose up -d
/www/server/panel/data/compose/NginxPorxyManager/template
1. 进入Nginx Proxy Manager 后台
http://192.168.@@@:81/login
1. 端口转发
这里的880和4443就是刚才在配置服务器的端口
openwrt端口转发设置方法
依次找到：网络–> 防火墙–> 端口转发。
在新建端口转发设置栏中，输入你要转发的IP、端口和协议等内容。
点击保存&应用便可即时生效。
配置好以后，可以用外网IP访问转发的两个端口：
http://123.118.31.119:880/
http://123.118.31.119:4443/
1. 特定域名
A记录
1. 配置New Proxy Host 在 Nginx Proxy Manager 后台
新增一条a.goodday.cc指向http://192.168.@@@:82
访问http://a.goodday.cc:880/
http://a.goodday.cc:4443/
错误：
504 Gateway Time-out
openresty
很大可能现在面临的问题是letsencrypt.org无法成功申请证书
有没有其他的SSL免费证书可用？
https://a.goodday.cc:4443/
错误：
This site can’t be reachedThe webpage at https://a.goodday.cc:4443/ might be temporarily down or it may have moved permanently to a new web address.
ERR_SSL_UNRECOGNIZED_NAME_ALERT
转换思路，取得域名
成功切换至域名（CF控制的 carlzeng.top）
https://sharedblog.net/posts/2022-09-28-github-pages-custom-domain-name/
关闭DNS \*泛解析 A记录 的 ‘代理’，才能正常连接到NginxProxyManager的特点端口
等待生效后，方可正常
替换表情包
替换原来的https://cdn.jsdelivr.net/gh/ArtalkJS/Emoticons/grps/default.json
新的：https://cdn.klyang.com/json/emo.json
一有多几个人同时访问时，artalk就奔溃了，如何解决？
Artalk Error
Error: 请求超时或意外终止，无法获取评论列表数据
点击重新获取
ping artalk.carlzeng.top -c4
PING artalk.carlzeng.top (172.67.202.139): 56 data bytes
本机是这种情况，用联通4G网络就能正常访问artalk评论
解决办法：在4G环境下，用管理员登录控制中心，应用一下配置；
重新回到电脑，就正常了，匪夷所思
根据ping结果可知，域名对应的IP正确了；而一段时间后又会变成CF？
ping artalk.carlzeng.top -c4
PING artalk.carlzeng.top (123.119.@@@): 56 data bytes
Artalk置入博客
不要自己修改NexT，测试使用插件：Artalk comment plugin for Hexo NexT
https://github.com/leirock/hexo-next-artalk
npm install hexo-next-artalk
这个插件方案可能可以解决，首页也会冒出评论框的尴尬。
<script>
Artalk.init({
el: '#Comments',
pageKey: '{{page.permalink}}',
pageTitle: '{{page.title}}',
server: '{{theme.post_artalkserver}}',
site: '@@@@ Notes'
})
</script>
<!-- CSS.comments -->
<link href="https://cdn.bootcdn.net/ajax/libs/artalk/2.6.4/Artalk.css" rel="stylesheet">
<!-- JS.comments -->
<script src="https://cdn.bootcdn.net/ajax/libs/artalk/2.6.4/Artalk.js"></script>
<span class="post-meta-item">
<span class="post-meta-break"></span>
<span class="post-meta-item-text">评论数{{__('symbol.colon')}}</span>
<span id="ArtalkCount"></span>
</span>
