使用waline作为博客的评论系统

2 years ago

source link: https://www.bboy.app/2022/04/02/%E4%BD%BF%E7%94%A8waline%E4%BD%9C%E4%B8%BA%E5%8D%9A%E5%AE%A2%E7%9A%84%E8%AF%84%E8%AE%BA%E7%B3%BB%E7%BB%9F/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

使用waline作为博客的评论系统

发表于 2022-04-02

分类于

linux

关注我的人都知道，我的博客从来都不开评论，不是说不想开，其实是想开，但是一直没有找到好的评论系统，今天看了下waline还不错，可以试试

waline分为服务端和客户端，服务端当然就是后端，客户端当然就是前端页面

服务端搭建一个compose搞定

version: '3'

services:
  waline:
    container_name: waline
    image: lizheming/waline:latest
    restart: always
    ports:
      - 8360:8360
    volumes:
      - ./data:/app/data
    environment:
      - "TZ=Asia/Shanghai"
      - "MYSQL_PORT=3306"
      - "MYSQL_HOST=10.0.0.194"
      - "MYSQL_USER=root"
      - "MYSQL_PASSWORD=pass"
      - "MYSQL_DB=waline"
      - "JWT_TOKEN=pass"
      - "SITE_NAME=bboysoul's blog"
      - "SITE_URL=https://www.bboy.app"
      - "SMTP_SERVICE=163"
      - "[email protected]"
      - "SMTP_PASS=pass"
      - "[email protected]"
      - "SECURE_DOMAINS=www.bboy.app,bboy.app,zzz.bboy.app"

我这里使用的是mysql

解释下参数

JWT_TOKEN: 随便配置一个字符串就好了
SITE_NAME: 自己站点的名字
SITE_URL: 自己站点的url
SMTP_SERVICE: 我选择的是当有评论的话就使用邮件告警，具体的可以看https://waline.js.org/guide/server/notification.html#leancloud-%E8%AE%BE%E7%BD%AE-%E6%95%B0%E6%8D%AE%E5%BA%93
SECURE_DOMAINS: 安全域名配置。配置后非该域名来源的请求会返回 403 状态码。

其他的环境变量可以看

https://waline.js.org/reference/server.html#%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F

在启动后端之前需要创建一个数据库

CREATE DATABASE waline DEFAULT CHARSET=utf8mb4 DEFAULT COLLATE utf8mb4_general_ci;

之后倒入表结构

https://github.com/walinejs/waline/blob/main/assets/waline.sql

启动完成之后,访问下面地址

https://url/ui/login

注册的第一个账号就是管理员

如果你和我一样使用的是hexo加next主题，可以编辑下面这个文件

themes/next/layout/_partials/post/post-copyright.swig

在最后加入

<script src="//cdn.jsdelivr.net/npm/@waline/client/dist/Waline.min.js"></script>
  <div id="waline"></div>
  <script>
    Waline({
      el: '#waline',
      avatar: 'hide',
      lang: 'zh-CN',
      serverURL: 'https://zzz.bboy.app',
      visitor: true,
      dark: 'auto',
    });
  </script>

评论就会出现了

欢迎关注我的博客www.bboy.app

Have Fun

Recommend

idealclover.top 2 years ago
Cache

为 Typecho 博客添加表情评论 #1：使用 OwO.js

为 Typecho 博客添加表情评论 #1：使用 OwO.js 2019.05.15 |

inote.xyz 2 years ago
Cache

为 Gatsby 安装 Waline 评论组件

为 Gatsby 安装 Waline 评论组件2021-11-17・84Gatsby 是基于 reac t的静态网站构建框架，可以用来部署网上商城、官网和博客，利用丰富的插件可以实现图片懒加载、Markdown 文档支持、访客评论等功能。Gatsby 官方推荐的评论系统有 Disqus、Gitalk 等...

z.arlmy.me 2 years ago
Cache

Valine 评论系统迁至 Waline

官网的快速上手照办就行，很顺畅数据库设置还是用 LeanCloud 的海外版，找到“设置-应用凭证”，记下 AppID、AppKey、MasterKey 备用。

blog.ichr.me 2 years ago
Cache

[博客通报] 切换评论系统至 Disqus

[博客通报] 切换评论系统至 Disqus我们将博客评论系统由基于 Leancloud 的 Valine 切换至 Disqus。这次改动将影响所有页面，之前评论数据全部弃用，之后请登陆 Disqus 账号进行评论互动。由于不可抗力因素...

hellodk.cn 2 years ago
Cache

使用 OwO.js 为 Typecho 博客添加表情评论教程

使用 OwO.js 为 Typecho 博客添加表情评论教程在上面引用的第一篇文章中，「绑定表情框与评论框」这个步骤，将 textarea 或者 input 标签的class属性追加 OwO-text...

hutusi.com 2 years ago
Cache

给博客换了套新评论系统

给博客换了套新评论系统用 giscus 替换 gitalk April 04, 2022 我的博客引擎用的是 Jekyll，一款 “古老” 的静态博客引擎。写下 “古老” 这个词，我不禁感叹时间...

hiberabyss.github.io 2 years ago
Cache

给 Hexo 博客集成 gitalk 评论系统

之前博客用的是 Valine, 选择它的原因是可以匿名评论. Valine 的缺点是没有办法对新的评论发邮件提醒, 虽然官方文档说是可以的, 但一直没能按文档配置成功.Gitalk 是一款基于 github issue 的评论系统, 它的缺点...

ttzz.eu.org 1 year ago
Cache

hugo博客开启valine评论系统配置

valine 评论设置用 hugo 搭建的博客，采用 fixIt 主题（魔改于 loveit），支持多种评论系统设置。valine 评论是搭配 LeanCloud 平台来一起使用的。

limboy.me 1 year ago
Cache

使用 Google Groups 作为评论系统

使用 Google Groups 作为评论系统 2023-05-05 又开始折腾评论系统了，从最初的

blog.alswl.com 9 months ago
Cache

如何免费用云服务搭建博客评论系统

问题# 博客自 2012 年从 WordPress 迁移到静态站点后，就选择了 Disqus 作为评论系统。但最近 Disq...

使用waline作为博客的评论系统

使用waline作为博客的评论系统

Recommend

About Joyk