最近都在折腾什么
{music id="1860567964" color="#6e1c67" autoplay="autoplay"/}
最近在网上找到目前使用的这个主题,弄完之后发现已经有段时间没更文章咧 :@(狂汗) (难道个人博客拖更的诅咒已经降临到shafish面前了嘛,damie :@(深思) )。
为了打破这个诅咒nie,shafish从最近的6、7月份开始,已经在慢慢整理随笔和平时笔记这类比较杂乱的记录(在gitee上),并选了一个静态的文档系统在搞事情。 :@(鼓掌)
来都来了,这里就水一下给这个文档系统加评论功能的过程吧。 ::(狗头) :@(献花)
{collapse}
{collapse-item label="看不到我看不到我"}
从未看过如此厚颜无耻之人
{/collapse-item}
{/collapse}
{lamp/}
{card-default label="选中" width="80%"}
waline是一款从 Valine 衍生的带后端评论系统。其比valine添加了登录、多部署、多数据存储、评论内容校验、防灌水、保护敏感数据等功能。其实纯粹是为mkdocs选一个评论系统,Valine简洁好用但不想用个人帐号注册leancloud,so,就是你了--waline。
{/card-default}
一、安装mysql数据库
创建个数据库,记录好用户名、密码、数据库名这三个信息,导入 https://github.com/walinejs/waline/blob/main/assets/waline.sql (创建对应表)
二、设置系统环境变量
1.添加变量:
vim /etc/profile.d/waline.sh
MYSQL_DB=数据库名 MYSQL_USER=用户名 MYSQL_PASSWORD=密码 SECURE_DOMAINS=shafish.cn
- 2.变量生效:
resource /etc/profile
3.检查变量
echo $MYSQL_DB echo $MYSQL_USER echo $MYSQL_PASSWORD
三、安装Waline
- 安装后台运行node工具-pm2:
npm install -g pm2
- 安装waline:
npm install @waline/vercel
- pm2运行waline:
pm2 start node_modules/@waline/vercel/vanilla.js
- 查看状态:
pm2 list
- 删除应用:
pm2 delete all
或者pm2 delete xxxappName
{message type="success" content="如果修改了应用配置行为,需要先删除应用,重新启动后方才会生效yo"/}
四、更多waline服务端配置
五、域名访问
- 1.域名dns解析添加A记录:
xxx.shafish.cn
{message type="warning" content="下面2~4点如果安装了宝塔面板可以直接在面板图形操作。"/}
2.free.org配置ssl
# 填入生成的pem信息 vim /etc/letsencrypt/live/xxx.shafish.cn/fullchain.pem vim /etc/letsencrypt/live/xxx.shafish.cn/privkey.pem
3.配置站点
mkdir -p /www/wwwroot/xxx.shafish.cn vim /www/server/panel/vhost/nginx/xxx.shafish.cn.conf
server { listen 80; listen 443 ssl http2; server_name xxx.shafish.cn; index index.php index.html index.htm default.php default.htm default.html; root /www/wwwroot/xxx.shafish.cn; #SSL-START SSL相关配置,请勿删除或修改下一行带注释的404规则 #error_page 404/404.html; #HTTP_TO_HTTPS_START if ($server_port !~ 443){ rewrite ^(/.*)$ https://$host$1 permanent; } #HTTP_TO_HTTPS_END 自行配置ssl证书 这里使用了free.org配置 ssl_certificate /etc/letsencrypt/live/xxx.shafish.cn/fullchain.pem; ssl_certificate_key /etc/letsencrypt/live/xxx.shafish.cn/privkey.pem; ssl_protocols TLSv1 TLSv1.1 TLSv1.2; ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE; ssl_prefer_server_ciphers on; ssl_session_cache shared:SSL:10m; ssl_session_timeout 10m; error_page 497 https://$host$request_uri; #SSL-END #ERROR-PAGE-START 错误页配置,可以注释、删除或修改 error_page 404 /404.html; error_page 502 /502.html; #ERROR-PAGE-END #PHP-INFO-START PHP引用配置,可以注释或修改 #PROXY-START location ~ /purge(/.*) { proxy_cache_purge cache_one $host$request_uri$is_args$args; #access_log /www/wwwlogs/xxx.shafish.cn_purge_cache.log; } location / { proxy_pass http://127.0.0.1:8360; # 反代本地8360端口 proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header REMOTE-HOST $remote_addr; #持久化连接相关配置 #proxy_connect_timeout 30s; #proxy_read_timeout 86400s; #proxy_send_timeout 30s; #proxy_http_version 1.1; #proxy_set_header Upgrade $http_upgrade; #proxy_set_header Connection "upgrade"; add_header X-Cache $upstream_cache_status; expires 12h; } location ~ .*\.(php|jsp|cgi|asp|aspx|flv|swf|xml)?$ { proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header REMOTE-HOST $remote_addr; proxy_pass http://127.0.0.1:8360; } location ~ .*\.(html|htm|png|gif|jpeg|jpg|bmp|js|css)?$ { proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header REMOTE-HOST $remote_addr; proxy_pass http://127.0.0.1:8360; #缓存相关配置 #proxy_cache cache_one; #proxy_cache_key $host$request_uri$is_args$args; #proxy_cache_valid 200 304 301 302 1h; expires 24h; } #PROXY-END include enable-php-70.conf; #PHP-INFO-END #REWRITE-START URL重写规则引用,修改后将导致面板设置的伪静态规则失效 include /www/server/panel/vhost/rewrite/xxx.shafish.cn.conf; #REWRITE-END #禁止访问的文件或目录 location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md) { return 404; } #一键申请SSL证书验证目录相关设置 location ~ \.well-known{ allow all; } access_log /www/wwwlogs/xxx.shafish.cn.log; error_log /www/wwwlogs/xxx.shafish.cn.error.log; }
4.检查nginx配置,reload配置
nginx -t nginx -s reload
六、客户端接入-mkdocs
mkdocs.yml
theme:
custom_dir: overrides # 使用扩展主题
overrides/main.html
overrides目录与mkdocs.yml同级
{% extends "base.html" %}
{% block disqus %}
<!-- Add custom comment system integration here -->
<script src="//cdn.jsdelivr.net/npm/@waline/client"></script>
<div id="waline"></div>
<script>
Waline({
el: '#waline',
dark: 'html[data-md-color-scheme="slate"]', // 无效,再说
avatar: 'robohash', // 头像
//login: 'force', //强制登录
requiredMeta: ['nick', 'mail'], // 必填项
serverURL: 'https://xxx.shafish.cn/', // waline系统后端地址
});
</script>
{% endblock %}
ok