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

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

1. 七牛云存储配置

首先&＃xff0c;需要配置七牛的对象存储空间。没有注册的同学首先要注册账号。

进入管理控制台&＃xff0c;选择对象存储。

选择新建存储空间&＃xff0c;填写存储空间信息&＃xff0c;点击确定创建。

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

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

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

最后登录自己的域名运营商&＃xff0c;配置域名解析。

如图中所示&＃xff0c;选择CNAME类型&＃xff0c;将二级域名指向我们得到的CNAME。

自此&＃xff0c;存储空间配置完毕。

PicGo配置

PicGo的安装配置相对简单。首先&＃xff0c;我们在github项目首页上下载最新版本的安装文件。

安装完成后打开应用&＃xff0c;右键点击右上角PicGo的图标选择打开详细窗口&＃xff0c;在图床设置中找到七牛图床设置。

如图需要我们填入一系列的设置&＃xff0c;其中&＃xff1a;

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

上传图片时&＃xff0c;一种方式是直接拖拽图片到上传区

上传成功后PicGo会自动将链接格式对应的图片自制放到剪贴板上以供复制。

另一种方式可能更加实用&＃xff0c;直接使用微信等自带的截图工具&＃xff0c;截图后图片在剪贴板中&＃xff0c;此时可使用shift&＃43;cmd&＃43;p自动上传&＃xff0c;同样上传成功后&＃xff0c;图片地址会传入剪贴板&＃xff0c;可以直接在MarkDown文件中进行复制使用。

至此&＃xff0c;基于七牛与PicGo的图床配置完成。

PicGo还有相应的VsCode插件&＃xff0c;同样可以实现多种上传方式&＃xff0c;具体的配置可以查看项目文档&＃xff0c;此处不再介绍。