乐趣区

Markdown写作中的图床解决方案(基于七牛云、PicGo)

在日常的 Markdown 写作中,使用图片是必不可少的,所以靠谱的图片存储服务和上传工具显得格外重要。图片存储上我一直使用七牛,个人用户拥有 10GB 的免费存储空间,并且拥有很成熟易用的图片处理引擎,可以说是个人博客的不二之选。而上传工具的选择一直是我比较头痛的地方。手动打开七牛上传对于我这种懒人是不可能的,而基于 MD 编辑器的内置图片上传接口不够灵活(小书匠、Typora 等),而当初多个工具使用下来 iPic 无意识 Mac 端用户体验最佳的工具,但是,他月费的模式并不适合我这种低频使用者。所以,当初我折中的使用了一个小网站叫极简图床。然而,最近他也挂掉了。重新搜索,我发现了今天要介绍的一个工具 PicGo。其使用 electron-vue 进行编写,具有全平台的适用性。体验上也跟 iPic 无二并支持多个图床的配置,甚至支持插件的编写。言归正传,下面介绍七牛云 +PicGo 的图床解决方案。
1. 七牛云存储配置
首先,需要配置七牛的对象存储空间。没有注册的同学首先要注册账号。
进入管理控制台,选择对象存储。
选择新建存储空间,填写存储空间信息,点击确定创建。

创建成功后,可以看到七牛给了我们一个测试域名用于文件访问 `pnix0pmqw.bkt.clouddn.com`。但是该域名仅可用于测试且会在三十日内失效,所以需要进行个人域名的绑定。

点击绑定域名,在这里选择普通域名,填入一个已进行公安备案的二级域名作为空间域名。此处已 image.test.com 为例。其它选项可根据个人需求进行具体调整。

点击创建后,等待五到十分钟待七牛配置完毕,就可以去域名管理复制得到自己的 CNAME。

最后登录自己的域名运营商,配置域名解析。

如图中所示,选择 CNAME 类型,将二级域名指向我们得到的 CNAME。
自此,存储空间配置完毕。
PicGo 配置
PicGo 的安装配置相对简单。首先,我们在 github 项目首页上下载最新版本的安装文件。
安装完成后打开应用,右键点击右上角 PicGo 的图标选择打开详细窗口,在图床设置中找到七牛图床设置。

如图需要我们填入一系列的设置,其中:

AK 与 SK 在七牛的个人面板密钥管理中可查。
存储空间名称即为我们之前所设置的存储空间名称。(例子中为 test-bucket)
访问网址即为我们之前所绑定的域名。(例子中为 image.test.com)
可以指定存储路径,将 PicGo 上传的图片存储到指定目录当中。

上传图片时,一种方式是直接拖拽图片到上传区

上传成功后 PicGo 会自动将链接格式对应的图片自制放到剪贴板上以供复制。
另一种方式可能更加实用,直接使用微信等自带的截图工具,截图后图片在剪贴板中,此时可使用 shift+cmd+ p 自动上传,同样上传成功后,图片地址会传入剪贴板,可以直接在 MarkDown 文件中进行复制使用。
至此,基于七牛与 PicGo 的图床配置完成。
PicGo 还有相应的 VsCode 插件,同样可以实现多种上传方式,具体的配置可以查看项目文档,此处不再介绍。

退出移动版