Typora+PicGo+阿里云OSS搭建博客图床

为什么要搭建博客图床？#

以 CSDN 为例，我们可以选择使用大部分 blog 平台通用的 Markdown 语法进行博客创作，作为一个合格的程序狗，那么 Markdown 语法必然是首选。

虽然 CSDN 自带的编辑器已经能满足我们 95% 的写作需求，但是我们的图片不可能一直保存在本地吧，想要在网络中看到我们图片，那么图床就必不可少啦

在 Typora 在 Markdown 语法编辑上能给你提供更好的写作体验，那为什么一定要选择阿里云 OSS，其实我最早是使用 github 跟 gitee 免费搭建的图床，但是俗话说，便宜没好货，github 因服务器在国外，之前很长一段时间国内无法访问图片，于是便转战国内 gitee，但是当时那次事故之后，gitee 里面的全部图片都挂了，真的心疼，将近一万字图片就这么没了…….

所以我选择了以 Typora+Picgo + 图床的方式来进行博客创作，目前也是我的主力图床！

而在本地的 Markdown 文件.md 中，图片是以 “外链” 这一形式存在的

Office word 中，图片是直接插入 docx 文件里面
Markdown 中，图片只是一个本地 / 联网的地址
也就是说，如果我们使用本地 Markdown 编译器（如 typora）来编辑 MD 文件的时候，如果 MD 里面插入的图片的源文件被移动或者删除了，我们的 MD 文档里面对应的图片也无法显示出来。

同时，如果我们用本地编辑器写好了一篇博客，想把它上传到 CSDN 上。CSDN 是无法自动转存文件里面的图片的（因为这个图片只是一个你硬盘里面的文件路径）

如果你的图片在本地上传到 CSDN 上，就如下这个效果 ：

[外链图片转存失败，源站可能有防盗链机制，建议将图片保存下来直接上传 (img)(blog/image-20220318140612548.png)]

这时候我们就需要用图床来解决这个问题

什么是图床？#

图床一般是指储存图片的服务器，有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和 cdn 加速三种。

简单来说：

在我们往 typora 里插入图片的时候，PicGO 会自动上传图片到图床，并返回一个图片的链接

这时候你的图片就是一个网络的链接 (网址)，不再是本地路径。

你也可以在任何有网络的地方、用任何设备访问这张图片了

即便是本地的那张图片移动或者删除，也不会影响图床里的这张图片

Markdown 本地文件里面的图片也就不会失效了！

准备工作#

typora#

Typora：【中文官网】

必各位应该听很多博主安利过 Typora 这款软件，这里就不展开描述了。

新版本 typora 需要付费买断。可以考虑支持正版，也可以去找找旧版本安装包

PicoGo#

PicGo：【Github 地址】

配置阿里云 OSS#

注册，开通对象储存#

百度搜索阿里云即可看到阿里云的官网

注册账户并实名后，进入你的控制台

选择对象储存并开通

创建 bucket#

在左侧选择概览，然后在右侧创建一个新的 bucket

注意：

• Bucket 名字不能有大写字母
• 服务器就近选择
• 图床选择标准存储
• 读写权限公共读

创建完成后，你的bucket应该就出现在了左侧

找到你的地域节点#

点击你的 bucket 名

然后点击 bucket 下的概览

在访问域名一栏找到你的地域节点，后面会用到

如图，只需要复制 oss-cn-hangzhou 即可，不需要后面的.aliyuncs.com

找到你的 Key#

来到右上角，鼠标放在你的头像上，在弹出的框里选择 AccessKey 管理

阿里云账户充值#

收费问题#

阿里云 OSS 的各项收费是独立的！

对于图床而言，有两种收费形式

• 以充值的方式使用储存容量以及流量 (默认状态)
• 按年 / 月收费，购买一定存储包。流量额外收费

也就是说，即便你购买了下图的存储包，你依旧要为访问图床的流量付钱！

图床使用的是标准型，请勿购买其他类型

• 储存容量：0.12 元 / GB / 月
• 图片上传到阿里 OSS 流量：免费
• 外网流出流量 (如 typora 访问图床图片)：闲时 0.25 元 / GB，忙时 0.50 元 / GB

仔细算算，我们图床的数据量其实很小的

0.12 元 / 1GB/1 个月，一年就是 1.44 元，远低于 40GB 的 9 元收费！

截图 / 照片以平均 0.5mb / 张估算，1gb 可存放超过 1600 张图片！

数据低于 6GB 的情况下直接充值，以 GB 付费其实比购买储存包更加值得！

注意事项#

• 记得给阿里云账户充值！！别到时候欠费停用了！！(笔者建议下载一个阿里云的 APP，在手机上可以随时看到你的阿里云费用情况)
• 刚开始作图床的时候，直接充值使用即可，无需购买容量包！

到这里，我们阿里云 OSS 基本配置完毕了😎

配置 PicGo#

打开 picgo 后，在你 windows 的状态栏里找到 picgo 的图标，打开 picgo 的主界面

图床设置#

在图床设置里面选择阿里云OSS，依照以下步骤填写信息

• 设定 Keyld：填写刚刚获得的 AccessKeyID

• 设定 KeySecret：填写 AccessKeyIDSecret

• 设定储存空间名：填写 bucket 名称

  这里填写的是 bucket 名称，不是浏览器里的域名

• 确认存储区域：填写你的地域节点，注意复制的格式

• 指定存储路径：其实就是自定义一个文件夹的名字，以 / 结尾

它会自动在你的 bucket 里面创建一个文件夹，并把图片上传进去

弄完之后，记得 “确定”，并点击 “设置为默认图床”！

picgo 设置#

在设置里打开时间戳重命名和上传后自动复制URL

时间戳重命名：以上传时间来重命名图片，避免同名的图片无法上传（该设置不影响本地图片名）

配置 typora#

进入 typora 主界面，点击左上角的 “文件 - 偏好设置”

• 择图像
• 插入图片时上传图片
• 下面的选项全勾上【更新 22.03.05: 第二个网络位置的图片可以不勾，避免已经上传到图床的图片重复上传】
• 上传服务选择 PicGo(app)
• PicGo 路径：找到 picgo 的安装路径
  不是安装包的路径！！！！

大功告成！#

设置完毕后，我们点击验证图片上传选项

如果弹出以下弹窗，我们的图床就搞定了！😀

最后新建一个文件，验证图片是否正常上传

日常写作的时候，我们只需要复制图片，在 typora 里面粘贴即可，无需拖动！

当你的图片链接显示为阿里云的网络链接，而不是本地路径时

我们的图床就大获全胜！

今天的文章就到这里了，欢迎大家评论区留言！！！

本作品采用《CC 协议》，转载必须注明作者和本文链接