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

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

1. 七牛云存储配置

首先,须要配置七牛的对象存储空间。没有注册的同窗首先要注册帐号。git

进入管理控制台,选择对象存储github

选择新建存储空间,填写存储空间信息,点击肯定建立。七牛云存储

image.boosterchen.com/mdimg/20190226160217.png

建立成功后,能够看到七牛给了咱们一个测试域名用于文件访问`
pnix0pmqw.bkt.clouddn.com`。可是该域名仅可用于测试且会在三十日内失效,因此须要进行我的域名的绑定。微信

image.boosterchen.com/mdimg/20190226160316.png

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

image.boosterchen.com/mdimg/20190226160922.png

点击建立后,等待五到十分钟待七牛配置完毕,就能够去域名管理复制获得本身的CNAME。编辑器

image.boosterchen.com/mdimg/20190226161413.png

最后登陆本身的域名运营商,配置域名解析。工具

image.boosterchen.com/mdimg/20190226161622.png

如图中所示,选择CNAME类型,将二级域名指向咱们获得的CNAME。测试

自此,存储空间配置完毕。网站

PicGo配置

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

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

image.boosterchen.com/mdimg/20190226162453.png

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

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

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

20190226162750.png

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

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

至此,基于七牛与PicGo的图床配置完成。

PicGo还有相应的 VsCode插件,一样能够实现多种上传方式,具体的配置能够查看项目文档,此处再也不介绍。
相关文章
相关标签/搜索