在平常的Markdown写做中,使用图片是必不可少的,因此靠谱的图片存储服务和上传工具显得格外重要。图片存储上我一直使用七牛,我的用户拥有10GB的免费存储空间,而且拥有很成熟易用的图片处理引擎,能够说是我的博客的不二之选。而上传工具的选择一直是我比较头痛的地方。手动打开七牛上传对于我这种懒人是不可能的,而基于MD编辑器的内置图片上传接口不够灵活(小书匠、Typora等),而当初多个工具使用下来iPic无心识Mac端用户体验最佳的工具,可是,他月费的模式并不适合我这种低频使用者。因此,当初我折中的使用了一个小网站叫极简图床。然而,最近他也挂掉了。从新搜索,我发现了今天要介绍的一个工具PicGo。其使用electron-vue
进行编写,具备全平台的适用性。体验上也跟iPic无二并支持多个图床的配置,甚至支持插件的编写。言归正传,下面介绍七牛云+PicGo的图床解决方案。vue
首先,须要配置七牛的对象存储空间。没有注册的同窗首先要注册帐号。git
进入管理控制台,选择对象存储。github
选择新建存储空间,填写存储空间信息,点击肯定建立。七牛云存储
建立成功后,能够看到七牛给了咱们一个测试域名用于文件访问`
pnix0pmqw.bkt.clouddn.com`。可是该域名仅可用于测试且会在三十日内失效,因此须要进行我的域名的绑定。微信
点击绑定域名,在这里选择普通域名,填入一个已进行公安备案的二级域名做为空间域名。此处已image.test.com
为例。其它选项可根据我的需求进行具体调整。electron
点击建立后,等待五到十分钟待七牛配置完毕,就能够去域名管理复制获得本身的CNAME。编辑器
最后登陆本身的域名运营商,配置域名解析。工具
如图中所示,选择CNAME类型,将二级域名指向咱们获得的CNAME。测试
自此,存储空间配置完毕。网站
PicGo的安装配置相对简单。首先,咱们在github项目首页上下载最新版本的安装文件。
安装完成后打开应用,右键点击右上角PicGo的图标选择打开详细窗口,在图床设置中找到七牛图床设置。
如图须要咱们填入一系列的设置,其中:
上传图片时,一种方式是直接拖拽图片到上传区
上传成功后PicGo会自动将连接格式对应的图片自制放到剪贴板上以供复制。
另外一种方式可能更加实用,直接使用微信等自带的截图工具,截图后图片在剪贴板中,此时可以使用shift+cmd+p
自动上传,一样上传成功后,图片地址会传入剪贴板,能够直接在MarkDown文件中进行复制使用。
至此,基于七牛与PicGo的图床配置完成。
PicGo还有相应的 VsCode插件,一样能够实现多种上传方式,具体的配置能够查看项目文档,此处再也不介绍。