0%

Minio+Nginx搭建图床一键上传博客图片

本方案要求:有一台有公网 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 命令:

1
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 启动的,命令如下:

1
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 配置文件如下:

1
server {
2
    listen       80;
3
    server_name  localhost;
4
    charset koi8-r;
5
    access_log  /var/log/nginx/host.access.log  main;
6
    location ^~ /blog/ {
7
        root   /data/;
8
    }
9
}

这里,我是在 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 替换掉原本的图片链接。

于是我写了个脚本如下,写的比较糙,可以作为参考:

1
import os
2
import time
3
import uuid
4
import sys
5
import requests
6
from minio import Minio
7
from minio.error import ResponseError
8
import warnings
9
10
warnings.filterwarnings('ignore')
11
images = sys.argv[1:]
12
minioClient = Minio("这里写你的Minio地址,格式为域名:端口,不带http://",
13
                    access_key='你的Minio账号', secret_key='你的Minio密码', secure=False)//secure为True的话第一项会填充为https://
14
result = "Upload Success:\n"
15
date = time.strftime("%Y%m", time.localtime())
16
17
18
def download(image_url):
19
    local_path = os.getcwd() + "/temp"
20
    r = requests.get(image_url, verify=False)
21
    with open(local_path, "wb") as code:
22
        code.write(r.content)
23
    return local_path
24
25
26
for image in images:
27
    if os.path.isfile(image):
28
        file_type = os.path.splitext(image)[-1]
29
        new_file_name = str(uuid.uuid1()).replace('-', '') + file_type
30
    elif image.startswith("https://") or image.startswith("http://")://处理网络图片
31
        if image.endswith(".png") or image.endswith(".jpg") or image.endswith(".jpeg") or image.endswith(".gif"):
32
            url = image.split("/")
33
            if len(url) > 1:
34
                image = download(image)//先把网图下载到本地了,然后在传到Minio
35
                new_file_name = url[-1]
36
            else:
37
                result = result + "error:parsing image error!"
38
                continue
39
        else:
40
            result = result + "error:parsing image error!"
41
            continue
42
    else:
43
        result = result + "error:parsing image error!"
44
        continue
45
    try:
46
        minioClient.fput_object(bucket_name='blog', object_name=date + "/" + new_file_name, file_path=image)
47
        if image.endswith("temp"):
48
            os.remove(image)
49
        result = result +"你的Nginx地址,比如http://yourdomain:8081" + "/blog/" + date + "/" + new_file_name + "\n"
50
    except ResponseError as err:
51
        result = result + "error:" + err.message + "\n"
52
53
print(result)

我是把博客图片都放到了 blog 这个桶,然后按照月份创建文件夹,每个月的都放在同一个文件夹,文件名是用的 uuid。具体的逻辑想要修改的话自己改上面的脚本吧。

搞定之后在 Typora 里面填上脚本,然后点击测试,就可以看看结果了,测试通过就万事大吉了,写个博客插入图片看看吧!

汤圆手势OK _斗图表情包