随笔

Waline comment system

啊啊啊 我又把评论给加回来了!最开始是有的,后来没人评论,然后嫌弃拖慢加载速度,就干脆去掉了,然后今天忽然又想加回来。

搜索了下现在大家都在用啥,开始是想找一个基于 Github Commit 的评论系统,而且自带墙内过滤就很棒,之前很火的 Disqus 被曝泄露用户隐私,而且也担心那自己网站的数据去分析,然后看到一个基于 Valine 的支持自托管的 Waline。

Waline 支持多种部署方式,多种数据库,推荐的是使用一些免费的云服务,比如 Vercal,比如 LeanCloud。

我选择的部署在自己的机器 docker 里面,然后使用 sqlite 数据库。

配置 docker compose

version: '3'

services:
  waline:
    container_name: waline
    image: lizheming/waline:latest
    restart: always
    ports:
      - 127.0.0.1:8362:8360
    volumes:
      - ${PWD}/data:/app/data
    environment:
      TZ: 'Asia/Shanghai'
      SQLITE_PATH: '/app/data'
      JWT_TOKEN: 'RANDOM-XXXX'
      SITE_NAME: '随笔'
      SITE_URL: 'https://note.lilonghe.net'
      SECURE_DOMAINS: 'note.lilonghe.net'
      AUTHOR_EMAIL: 'lilonghe@outlook.com'

配置 Caddy 反代

handle_path /comment/* {
    rewrite /* {path}
    reverse_proxy :8360
}

配置页面模版

{{if .post.Pathname}}
    <script src="https://unpkg.com/@waline/client@v2/dist/waline.js"></script>
    <link
        rel="stylesheet"
        href="https://unpkg.com/@waline/client@v2/dist/waline.css"
    />
    <script>
        Waline.init({
            el: '#external-comment',
            serverURL: 'https://note.lilonghe.net/comment',
            imageUploader: false,
            highlighter: false,
            search: false,
        });
    </script>
{{end}}

效果

preview.png

参考

本文链接:https://note.lilonghe.net/post/waline-comment-system.html

-- EOF --