Warning: Undefined array key "titleWrapper" in /www/wwwroot/www.quji.org/wp-content/plugins/seo-by-rank-math/includes/modules/schema/blocks/toc/class-block-toc.php on line 103
开源评论系统Twikoo安装教程 – 趣记博客

开源评论系统Twikoo安装教程

采用了 Twikoo 的开源评论系统,样子挺好看的,小巧方便,就把wordpress自带的评论给放弃了,我在想怎么把wp的评论给导入到这个twikoo评论系统呢?有大佬会到可以分享分享。

开源评论系统

主要是在评论的时候可以显示地理位置,操作系统等信息,也可以图片评论,消息通知等,我还没有开启,目前还不支持 chevereto 图床,我就没开启图片评论。我是用 Docker Compose 部署的,很快几分钟就搞定。

开源评论系统

开源评论系统部署

前提是安装好 Docker Compose 这个安装好了才能进行下方的步骤,nginx也要安装好,后面要进行反代。

建立一个目录

任意目录创建一个文件夹,名字什么的都随意,我创建的是 twikoo 然后在文件夹创建一个 compose.yaml 的文件,内容填写如下信息。

version: '3'
services:
  twikoo:
    image: imaegoo/twikoo
    container_name: twikoo
    restart: unless-stopped
    ports:
      - 8080:8080
    environment:
      TWIKOO_THROTTLE: 1000
    volumes:
      - ./data:/app/data

这个文件夹里面 8080端口通过nginx反代出来,绑定域名就好了。文件夹下的/data目录为配置文件及评论数据,没有数据库。这个文件夹后面特别重要,丢了的话就代表你全部评论丢失,简称数据火葬场。

一键启动

进入到你刚才创建的目录 twikoo 下,输入下方命令。

docker-compose up -d

此时,不出意外,你的twikoo已经在运行了。然后反代你的域名,我反代的域名是 discuss.3283.org 在下面代码中替换成你的反代即可。

域名反代

宝塔反代

在你网站需要评论的地方贴入下方代码,即可显示评论。

<div id="tcomment"></div>
<script src="https://cdn.bootcdn.net/twikoo/1.6.32/twikoo.all.min.js"></script>
<script>
twikoo.init({
  envId: 'https://discuss.3283.org', // 腾讯云环境填 envId;Vercel 环境填地址(https://xxx.vercel.app)
  el: '#tcomment', // 容器元素
  // region: 'ap-guangzhou', // 环境地域,默认为 ap-shanghai,腾讯云环境填 ap-shanghai 或 ap-guangzhou;Vercel 环境不填
  // path: location.pathname, // 用于区分不同文章的自定义 js 路径,如果您的文章路径不是 location.pathname,需传此参数.
  // lang: 'zh-CN', // 用于手动设定评论区语言,支持的语言列表 https://github.com/twikoojs/twikoo/blob/main/src/client/utils/i18n/index.js
})
</script>

阅读量代码

阅读量代码可以在需要显示的地方插入,刷新一次算一个阅读量,,哈哈。这个功能有点不地道。

阅读量:<span id="twikoo_visitors">0</span>
开源评论系统

大概就是这样,整个流程很简单。等代码布置好以后,旁边的设置按钮就可以设置密码,进行相关具体配置了。是的,他没有什么后台,一切都在评论区设置。

评论demo:www.quji.org

此图片的 alt 属性为空;文件名为 IMG_6850-1024x324.jpeg

手机也可以立刻收到提醒,我用的bark

加入 900 多名订阅者的行列

通过邮件第一时间获取最新文章。

邮箱订阅