推荐一些博客常用的服务搭建教程

近况

最近在折腾博客，根据现有情况（博客运行多年，没有更新文章。。。ps：其实有更新几篇，但大多数的文章都是引荐大佬的教程所制作，没有形成写作习惯。。。无非就是我特懒）

服务集合

站点监控 Uptime Kuma & API 站点统计 umami 评论系统 Twikoo 极简朋友圈

Uptime Kuma预览

umami预览

Uptime Kuma

我这边服务器用的是 宝塔面板 ，宝塔面板左侧菜单点击终端，输入以下命令行（3001:3001，这个可以根据自己需求，更改端口）

1
docker run -d --restart=always -p 3001:3001 -v uptime-kuma:/app/data --name uptime-kuma louislam/uptime-kuma:1

安装Uptime Kuma

点击Docker–容器–管理，这里设置一下反代与SSL

设置反代&SSL

这时可以在浏览器地址栏输入这个域名访问，输入账号密码，进入后台配置页面

Uptime Kuma后台

点击添加监控项–显示名称输入名称–输入URL–心跳间隔（这里推荐先选择初始60s，保存之后再修改为600s）–最后保存

添加监控项

状态页面–新的状态页–填写名称及路径–下一步

新建状态页

新建状态页

底部自定义文本（这里可设置备案号）;显示标签（这个可以去首页右上角头像设置–标签–添加新标签）;显示Powered By（按需设置）显示证书有效期（按需设置）

添加分组–添加监控项……

设置状态页

umami

在需要放入 umami 信息的文件夹建立 docker-compose.yaml 文件，填写下面的内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
version: '3'
services:
  umami:
    container_name: umami
    image: umamisoftware/umami:postgresql-latest
    ports:
      - "3000:3000"
    environment:
      DATABASE_URL: postgresql://umami:umami@db:5432/umami
      DATABASE_TYPE: postgresql
      HASH_SALT: replace-me-with-a-random-string
    depends_on:
      - db
    restart: always
  db:
    container_name: umami-db
    image: postgres:12-alpine
    environment:
      POSTGRES_DB: umami
      POSTGRES_USER: umami
      POSTGRES_PASSWORD: umami
    volumes:
      - ./sql/schema.postgresql.sql:/docker-entrypoint-initdb.d/schema.postgresql.sql:ro
      - ./umami-db-data:/var/lib/postgresql/data
    restart: always

注意，umami的ports中，3000:3000 可以将前面的3000更换成其他闲置端口。

然后通过ssh访问服务器后，cd进这个文件夹，然后执行 docker-compose up -d 即可配置完成。

Twikoo私有部署

1
docker run --name twikoo -e TWIKOO_THROTTLE=1000 -p 8080:8080 -v ${PWD}/data:/app/data -d imaegoo/twikoo

一键部署Twikoo

设置反代&SSL，完成之后访问域名即可

设置反代&SSL

如果显示如图的字幕输出，则API部署好了

Twikoo API正常

进入博客文件夹 _config.anzhiyu.yml 全局搜索 comments，use: Twikoo

1
2
3
4
5
6
7
8
9
10
11
12
13
# Comments System
# --------------------------------------

comments:
  # Up to two comments system, the first will be shown as default
  # Choose: Valine/Waline/Twikoo/Artalk
  use: Twikoo # Twikoo/Waline
  text: true # Display the comment name next to the button
  # lazyload: The comment system will be load when comment element enters the browser's viewport.
  # If you set it to true, the comment count will be invalid
  lazyload: false
  count: false # Display comment count in post's top_img
  card_post_count: false # Display comment count in Home Page
1
2
3
4
5
6
7
# Twikoo
# https://github.com/imaegoo/twikoo
twikoo:
  envId: https://twikoo.imoyan.top/
  region:
  visitor: false
  option:

envId 中填写 服务器公网IP:8080 或者 设置二级域名如 https://twikoo.imoyan.top/