博客上线了，但如果只是纯文本内容，略显有些枯燥。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桶 设置了独立域名（如下图）

image-20210201135944651

那么在“设定自定义域名”的位置，填入域名地址，可以让你的图片链接更加短洁。（如下图）注意，地址结尾不要加“/”

image-20210201140108459

PicGo使用技巧

1、在PicGo设置中，勾选“时间戳重命名”可以解决同名文件自动覆盖问题。试想一下，如果几天前你写的一篇内容中，用到了一张截图，很随意的存在了桌面，命名为“1111.jpg” 然后上传了。今天你再写新博文的时候，依然忘记了之前这档事，同样把一张截图很随意的存在了桌面，命名为“1111.jpg” 上传后，你会发现，之前那篇文章的“1111.jpg”被覆盖了。想想就觉得很可怕，难道要记住历史上传过的所有图片名字嘛？且还要不断的给新文件取新名字？时间戳重命名就可以很好的解决这个问题。

2、在PicGo设置中，上传后自动复制URL 是默认勾选的，不要取消勾选哦，这个功能如字面意思一样，非常方便。

image-20210201140823472

3、界面右上角有个小“+” 点击可以进入小球模式（我自己起的名字）类似于一个悬浮球，只需要把图片拖拽，就可以获取设定好的链接格式了。比如写博文，我们就设置为MarkDown语法。另外，如果用QQ或微信自带的截图工具。图片存至剪贴板，只需要点击剪贴板图片快速上传，效果和拖拽文件至PicGo一样的。用习惯后就会觉得非常的方便。

image-20210201141805229

4、在PicGo相册中删除图片，是无法同步删除阿里云OSS中的图片的。显然，PicGo客户端相册界面，并不是加载Bucket桶中的文件生成预览（合理，不然会产生额外的下行流量），只是记录我们本地的上传操作，然后生成预览。所以简单来说，在PicGo客户端相册界面，只能上传，不能真正意义上的删除。

image-20210201143607493

5、关掉上传成功的提示音，还记得在第一次使用的时候，非常巨大的上传成功提示音（刚看完视频，所以我的系统音量比较高）差点给我送走。我找了半天，发现PicGo客户端中并没有音量设置。后来发现，这个提示和声音是来自win10的通知中心（拍脑门）。想要关闭声音，只需要打开Win10设置-系统-通知和操作-获取来自这些发送者的通知-找到PicGo并关闭通知即可，你会发现世界都安静了。

image-20210201144511030

暂时就想到这么多，以后可能会再补充。

Typora与PicGo的联动

简直不要太方便，具体的设置方法，可以参考这篇教程《Typora+PicGo，最好用的Markdown+最好用的图床工具！》感谢作者hoxis的分享，让我节省了不少时间。

个人经验（踩过的坑）：

1、要记得设置一下“插入图片时上传图片” 不然的话默认还是输出本地图片位置。

2、如果你按照上述的方法，下载并配置好了PicGo。那么再上传服务器设定的时候，选择PicGo（app）并添加PicGo的安装路径就可以了。这样设置最简单，只是每次上传图片时Typora都会启动PicGo，然而我并不介意。当然这部分你还可以选择PicGo（Core）也就是调用PicGo-Core组件，就可以避免启动本机的PicGo程序了，我觉得很麻烦，就没折腾。

image-20210201142907370

写在最后的话

在一个你发在公众号、微博、豆瓣、知乎的言论会被莫名其妙地消失的时代，一个独立图床会让你有免于恐惧的自由。如同建立独立博客的意义一样。虽然当今社会下，保持个人思想与言论独立不易，但至少有形式上的独立。