共计 4041 个字符,预计需要花费 11 分钟才能阅读完成。
本方案要求:有一台有公网 IP 的服务器,可以是云服务器或者有公网 IP 的家庭网络。
如果事先了解 Docker、Nginx 等可能会更方便。
前因
写博客的时候一大痛点就是图片的处理,MarkDown 格式好用是好用,但是没办法直接附带图片信息,只能放一个链接,图片存在本地的话发给别人的文档里图就没了,存在网上就涉及图床的选择问题,又是另一个麻烦事。大家分享出来的解决方案也是五花八门,有用公有云块存储的,有用收费图床的,前些年还有用微博当图床的,现在微博禁止外链了该方案也不行了,还有其他奇技淫巧比如放到 GitHub 上。
作为不折腾会死星人 + 对广大乱七八糟免费服务抱着怀疑心态,我决定还是自己搭建,牺牲一点点稳定性和易用性 (其实故障率也没多高)。自己的宽带是北京联通,恰好有公网 IP,只不过不是固定的,之前找了个 ddns 的脚本自己更新 IP 倒也没多大问题。
开始我使用的方案是用的一个叫 Lychee 的图床,功能简单,用起来感觉还行,就是跟写博客的流程不能很好的配合,往往插入图片的时候步骤是这样的:
- 准备好图片,剪切板上的话先保存到本地,网络图片粘贴一下 url
- 打开 Lychee,选择相应的方式上传
- 上传完毕之后点开图片,右键选择图片地址
- 把地址粘回 Typora 想要插入图片的位置
可以看出来这个流程太蛋疼了,插入一张图片就得十几秒,这一点都不 geek。
针对这个问题,Typora 最近更新了个功能,就是检测到插入图片之后会自动上传到指定的位置,可以是几种内置的服务,也可以自己写脚本。这种方式大大减少了插入图片的工作量,无论是剪切板上的图,还是网图,你只要粘贴到 Typora 上,就可以自动上传到图床,然后把图床中的链接替换掉开始的链接。这个功能的详细介绍可以去官网查看,或者看其他博主的介绍。下面分享下我用 Minio+Python 脚本实现的整个流程。
Minio
Minio 是亚马逊开源的一个文件存储系统,官方介绍这么说:
MinIO 是一个基于 Apache License v2.0 开源协议的对象存储服务。它兼容亚马逊 S3 云存储服务接口,非常适合于存储大容量非结构化的数据,例如图片、视频、日志文件、备份数据和容器 / 虚拟机镜像等,而一个对象文件可以是任意大小,从几 kb 到最大 5T 不等。
他的 API 非常简洁,而且如果你要求高的话,很方便做高可用,又提供了官方 Docker 镜像和一个简单的管理界面,所以我选择了他作为图床。
废话少说,直接贴我的 Docker 命令:
docker run -itd -p 9000:9000 --name minio -v ~/docker/minio/data:/data -v ~/docker/minio/config:/root/.minio -e "MINIO_ACCESS_KEY= 你的账号" -e "MINIO_SECRET_KEY= 你的密码" minio/minio server /data
把里面 data 和 config 文件夹改成你想要存储数据和配置文件的文件夹,然后把账号密码填进去就行了。
如果想用 docker-compose 或者 k8s 启动,请参考官方文档,挺详细的而且竟然还有中文版。
启动之后,打开 9000 端口之后就可以看到自带的管理界面了。
Minio 的存储逻辑很简单,分成多个 bucket(桶),没个桶内部就是以文件夹为层级,而且所有文件是直接存储在文件系统上的,没有分成小文件块之类的,因此你可以直接复制到你的 data 文件夹内。
但是,你没办法直接用链接访问放在 Minio 中的文件,虽然它提供了分享等功能,但是提供的是一个下载链接,我们需要的是类似于图片预览,因此需要一个 Nginx 作为文件服务器。
Nginx
Nginx 就不用赘述了,我也是用 Docker 启动的,命令如下:
docker run -itd --name image -p 8081:80 -v ~/docker/image/conf:/etc/nginx/conf.d -v ~/docker/minio/data:/data nginx
可以看到,我把 Minio 的数据文件夹挂载进去了,挂载到了 Nginx 容器的 /data 目录。然后修改 Nginx 配置文件如下:
server {
listen 80;
server_name localhost;
charset koi8-r;
access_log /var/log/nginx/host.access.log main;
location ^~ /blog/ {root /data/;}
}
这里,我是在 Minio 中创建了一个桶,名字叫 blog,它其实对应着 Minio 存储目录中的 blog 文件夹。配置完 Nginx 之后,其实我如果想查看 Minio 中 blog 桶中的 /testpath/test.png,只需要访问 http://localhost:8081/blog/testpath/test.png 就可以了。
于是只要我向 blog 这个桶中上传文件,文件就可以直接通过 Nginx 预览了。
Typora 和 Python 脚本
现在只需要准备一个脚本,让 Typora 能够向 Minio 上传文件就行了。选择 Python 是因为 Minio 官方提供了 API,而且我正好熟悉。
Typora 上传的规则是这样,它会让你填写你的命令,比如你填写 python upload.py,它就会执行 python upload.py “image1-path” “image2-path” 等等把图片位置作为参数穿进去。然后约定好需要你传回来上传完毕后的每张图片位置,每张图片占一行。比如上面的例子,传了两张,它就会自动从后往前查两行,作为 URL 替换掉原本的图片链接。
于是我写了个脚本如下,写的比较糙,可以作为参考:
import os
import time
import uuid
import sys
import requests
from minio import Minio
from minio.error import ResponseError
import warnings
warnings.filterwarnings('ignore')
images = sys.argv[1:]
minioClient = Minio("这里写你的 Minio 地址,格式为域名:端口,不带 http://",
access_key='你的 Minio 账号', secret_key='你的 Minio 密码', secure=False)//secure 为 True 的话第一项会填充为 https://
result = "Upload Success:\n"
date = time.strftime("%Y%m", time.localtime())
def download(image_url):
local_path = os.getcwd() + "/temp"
r = requests.get(image_url, verify=False)
with open(local_path, "wb") as code:
code.write(r.content)
return local_path
for image in images:
if os.path.isfile(image):
file_type = os.path.splitext(image)[-1]
new_file_name = str(uuid.uuid1()).replace('-', '') + file_type
elif image.startswith("https://") or image.startswith("http://"):// 处理网络图片
if image.endswith(".png") or image.endswith(".jpg") or image.endswith(".jpeg") or image.endswith(".gif"):
url = image.split("/")
if len(url) > 1:
image = download(image)# 先把网图下载到本地了,然后在传到 Minio
new_file_name = url[-1]
else:
result = result + "error:parsing image error!"
continue
else:
result = result + "error:parsing image error!"
continue
else:
result = result + "error:parsing image error!"
continue
try:
minioClient.fput_object(bucket_name='blog', object_name=date + "/" + new_file_name, file_path=image)
if image.endswith("temp"):
os.remove(image)
result = result +"你的 Nginx 地址,比如 http://yourdomain:8081" + "/blog/" + date + "/" + new_file_name + "\n"
except ResponseError as err:
result = result + "error:" + err.message + "\n"
print(result)
我是把博客图片都放到了 blog 这个桶,然后按照月份创建文件夹,每个月的都放在同一个文件夹,文件名是用的 uuid。具体的逻辑想要修改的话自己改上面的脚本吧。
搞定之后在 Typora 里面填上脚本,然后点击测试,就可以看看结果了,测试通过就万事大吉了,写个博客插入图片看看吧!
你的工作,由 AI 赋能!🔥
还在为文案、脚本卡壳、做视频、写代码、设计图片灵感枯竭而烦恼吗?🤯
板板 AI,你的工作好帮手!
一键生成 各种文案、脚本、图片、视频、代码、报告,轻松应对各种工作 / 营销需求!
现在注册体验,即可获得:
- 🎁 30 积分基础模型余额
- 🎁 3 积分高级模型余额
- 🎁 3 积分绘画余额
还不快来试试?
点击链接,开启你的 AI 创作之旅!>>>https://www.banbanai.cn
板板 AI,让你的工作效果发挥无限可能! 🚀