Twikoo 通过私有部署兰空图床实现图片上传

前言

使用Halo博客的halo-theme-hao 主题,发现评论模块支持力度不太好,不能够发送图片和表情等功能,而且在Halo博客附件过多的情况下非常影响加载速度,于是我就搭建了兰空图床用来存储博客的所有图片。顺便搭建了一个Twikoo评论,现在就让每条评论的图片都发送后能通过兰空图床的接口来接收调用图片。

项目地址:https://github.com/twikoojs/twikoo

项目手册:https://twikoo.js.org/quick-start.html

安装Docker🐳

安装Twikoo后端

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

运行

docker-compose up -d

我们现在可以输入 http://ip:37333/访问了。

在这里插入图片描述

成功访问到返回值

这时候你就可以通过37333端口来请求twikoo的api了!端口可以自行修改~

建议配置反向代理隐藏端口!

配置Twikoo前端

管理页面配置

找到 Twikoo评论配置 (文档:https://twikoo.js.org/)配置块

Twikoo评论 - 环境id/后端URL *中输入 部署 一节中指定的域名(或IP地址)

Twikoo评论 - 管理员令牌 * 中输入一些占位值

Twikoo评论 - js 可以不做修改

由于 Twikoo 更新的缘故,获取管理员令牌的方法发生了变化(在后面会保留旧版令牌的获取方法),所以需要在首次配置时输入占位值。

在这里插入图片描述
在这里插入图片描述

个人配置仅供参考

获取令牌

管理页面配置补齐配置

打开博客首页,F12打开开发者工具,F12,打开浏览器存储页面将 twikoo-access-token项的值复制,替换先前的缺省值。

twikoo-access-token就是 Twikoo 的令牌

对于 Firefox 是在 开发者工具>存储>本地存储

对于 Chrome 则是在:开发者工具>应用>本地存储空间

1715586121142.webp

评论 - 博主邮箱MD5值 *项利用下面的办法配置

点下面网址 自行转换
md5在线解密破解,md5解密加密

在这里插入图片描述

安装好兰空图床

安装方法参照这篇文章【实用Docker项目】属于你自己的图床-兰空图床

图片默认权限改为公开 进入设置 - 图片默认权限,选中公开并保存设置。

创建一个专门用来存放评论的账号和用户组

使用

获取token

兰空图床不再直接显示token了,所以我们要自己获取一下token。

在这里插入图片描述

我们直接去post一下,google或者百度一下就能找到很多支持在线post的网站。

比如我们使用https://www.sojson.com/httpRequest/

image-qrlt.png

由于我是在本地搭建的,于是我采取Postman来请求本地接口

image-mjtl.png

POST后得到token值

填入Twikoo配置内即可

在这里插入图片描述

Done!

反向代理

参考教程:安装及使用

⚠️Nginx Proxy Manager(以下简称NPM)会用到80、443端口,所以本机不能占用(比如原来就有Nginx)

互联网使用请确保完成了域名解析

  • 8
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值