博客上线了,但如果只是纯文本内容,略显有些枯燥。WordPress内建了图片上传的功能,而使用Markdown编写的hexo框架在上传图片的时候就没那么方便了。
所以,搞一个自己的图床非常必要!
如果你也和我一样,刚开始折腾自己的博客,面临图片上传的问题。或者需要一个属于自己的图片存储空间(安全可靠,不用顾虑某天第三方存储器关闭,自己的文章中出现了大片的图片空白。还要过头去重新修改)方便随时调用这些图片地址的话。那这篇教程刚好适合你。
所需要的工具
还是本着先用手头已有且熟悉的资源开始折腾的原则。
阿里云OSS产品,本身就是用来存储文件(当然包括图片),而且在没有任何其他工具的辅助下,完全可以把图片直接上传至Bucket并且获取在线的图片地址。只要通过Markdown语法插入图片即可。其实某些意义上讲,已经实现了我们所需的功能。
![alt 属性文本](图片地址 "可选标题")
但试想一下,每次都要先打开oss-browser客户端,上传图片,右键获取地址。然后粘贴回Typora编辑器 确实很麻烦。还是需要一个可以简化这一过程的小插件帮忙。
于是我找到了这篇教程《阿里云OSS配合PicGo搭建图床》 感谢作者SeekingMini的分享,让我节省了很多时间。
关于PicGo
PicGo是一个开源免费的图片管理工具,用于快速上传图片并获取图片 URL 链接。在项目Github首页中,你可以下载到适配自己操作系统的版本。然后一路无脑下一步安装即可。
不下载应用能不能用?似乎也可以。有个叫PicGo-Core的组件,用来支持CLI、API调用。但这似乎是更高级的用法了,我没去了解。
安装与调试
这篇教程《阿里云OSS配合PicGo搭建图床》已经写的非常详细了,不再赘述。
个人经验(踩过的坑):
1、在配置阿里云OSS的步骤中,最好根据作者的教程,新建一个Bucket。你可以命名为PicGo或者imges都行,项目独立一定是有益于日后维护的。所以我的建议是,不要偷懒,直接使用hexo时创建的Bucket。
2、有条件的话,可以给PicGo项目的Bucket桶,加上阿里云的CND服务。不仅图片相应速度更快,而且当以后访问量大的时候,尤其是一个人频繁的打开你同一篇文章很多次。我们的图片是可以通过我们设定的缓存规则来节流的。访问量比较小的时候需要多支出一份cdn服务费(价格明细)但当访问量比较大的时候,绝对是省钱的。
3、在PicGo图床设置中,教程里没提到“设定网址后缀”和“设定自定义域名”。后缀网址一般不用设定,但自定义域名的设置就需要讲一下了。如果你为PicGo项目的Bucket桶 设置了独立域名(如下图)
那么在“设定自定义域名”的位置,填入域名地址,可以让你的图片链接更加短洁。(如下图)注意,地址结尾不要加“/”
PicGo使用技巧
1、在PicGo设置中,勾选“时间戳重命名”可以解决同名文件自动覆盖问题。试想一下,如果几天前你写的一篇内容中,用到了一张截图,很随意的存在了桌面,命名为“1111.jpg” 然后上传了。今天你再写新博文的时候,依然忘记了之前这档事,同样把一张截图很随意的存在了桌面,命名为“1111.jpg” 上传后,你会发现,之前那篇文章的“1111.jpg”被覆盖了。想想就觉得很可怕,难道要记住历史上传过的所有图片名字嘛?且还要不断的给新文件取新名字?时间戳重命名就可以很好的解决这个问题。
2、在PicGo设置中,上传后自动复制URL 是默认勾选的,不要取消勾选哦,这个功能如字面意思一样,非常方便。
3、界面右上角有个小“+” 点击可以进入小球模式(我自己起的名字)类似于一个悬浮球,只需要把图片拖拽,就可以获取设定好的链接格式了。比如写博文,我们就设置为MarkDown语法。另外,如果用QQ或微信自带的截图工具。图片存至剪贴板,只需要点击剪贴板图片快速上传,效果和拖拽文件至PicGo一样的。用习惯后就会觉得非常的方便。
4、在PicGo相册中删除图片,是无法同步删除阿里云OSS中的图片的。显然,PicGo客户端相册界面,并不是加载Bucket桶中的文件生成预览(合理,不然会产生额外的下行流量),只是记录我们本地的上传操作,然后生成预览。所以简单来说,在PicGo客户端相册界面,只能上传,不能真正意义上的删除。
5、关掉上传成功的提示音,还记得在第一次使用的时候,非常巨大的上传成功提示音(刚看完视频,所以我的系统音量比较高)差点给我送走。我找了半天,发现PicGo客户端中并没有音量设置。后来发现,这个提示和声音是来自win10的通知中心(拍脑门)。想要关闭声音,只需要打开Win10设置-系统-通知和操作-获取来自这些发送者的通知-找到PicGo并关闭通知即可,你会发现世界都安静了。
暂时就想到这么多,以后可能会再补充。
Typora与PicGo的联动
简直不要太方便,具体的设置方法,可以参考这篇教程《Typora+PicGo,最好用的Markdown+最好用的图床工具!》感谢作者hoxis的分享,让我节省了不少时间。
个人经验(踩过的坑):
1、要记得设置一下“插入图片时上传图片” 不然的话默认还是输出本地图片位置。
2、如果你按照上述的方法,下载并配置好了PicGo。那么再上传服务器设定的时候,选择PicGo(app)并添加PicGo的安装路径就可以了。这样设置最简单,只是每次上传图片时Typora都会启动PicGo,然而我并不介意。当然这部分你还可以选择PicGo(Core)也就是调用PicGo-Core组件,就可以避免启动本机的PicGo程序了,我觉得很麻烦,就没折腾。
写在最后的话
在一个你发在公众号、微博、豆瓣、知乎的言论会被莫名其妙地消失的时代,一个独立图床会让你有免于恐惧的自由。如同建立独立博客的意义一样。虽然当今社会下,保持个人思想与言论独立不易,但至少有形式上的独立。