Hexo从0到1搭建博客系列04：图床的最佳实践
1. 前言：为什么要使用图床？
之前我们已经讲过如何用Hexo发表文章。但是，一篇优秀的知识分享与技术博客，怎么能少得了图片呢？
但是，文章中的图片存储在哪里？
- 当我们在本地写博客做笔记（用Typora或MarkText）时，我们一般会把图片存在当前文章的路径下
- 当我们在CSDN、掘金或知乎等平台上写博客时，我们的图片会被存储到这些网站对应的服务器中
- 而当我们的博客发布在Hexo上时，图片的加载路径有以下两种方式：
- 参照我们本地写博客的方式，将图片存储到Hexo下的public资源文件夹下
- 参照在技术论坛写博客的方式，将图片存储到服务器上
如果将图片资源都存储到Hexo的文件中，会变得很臃肿，所以不采用该方案。
我们这里所要说的就是将图片存储到服务器上，即图床这种方式。
但这时候你会想，本来使用Hexo做博客就是为了省事省钱、不买服务器，而为了存图片，再买服务器吗？
不必担心，各大云服务商平台都提供了图片存储，也是对象存储的云服务器！而且价格远低于服务器！
接下来进入正题！
2. 方案选择
以下几种方案都极其简单，原理都很类似
方案一：Github仓库 + Picgo + jsDelivr CDN
这一种方案我在实操之后，发现国内用户无法访问，是因为最近国内将jsDelivrCDN给墙了，无法通过其对Github进行加速
但是我还是简单介绍一下，
- 创建Github公共仓库，名字随便，注意一定要是公共的，否则别人无法访问到图片资源。
- 下载 Picgo
PicGo: 一个用于快速上传图片并获取图片 URL 链接的工具
- 将Github创建仓库信息配置到Picgo中。打开Picgo，点击图床设置，选择Github图床，填写如下信息。仓库名就写你之前创建好的仓库名分支填现有的分支就可以其中的Token可以在Github - Settings - Personal access tokens 中生成，只选择repo选项就可以
- 如果不知道如何生成的话，可以查看现成的相关攻略
- 指定存储路径可填可不填
自定义域名这里填写：https://cdn.jsdelivr.net/gh/用户名/仓库名，因为我们采用了jsDelivr CDN进行加速，虽然现在没有任何卵用
最后保存为默认图床即可
方案二：Gitee仓库 + Picgo
Gitee虽然说是国内平台，访问是没问题的。但是听说它经常崩，我有点担心，就没有去尝试。
其方法和Github几乎一模一样，只是选择了用Gitee创建仓库。
在这里我也不推荐使用这种方案
方案三：阿里云对象存储 + Picgo
之前没有使用过阿里云的小伙伴可以仔细学一学啦，
以后搭建个人网站都需要用到服务器，网站上的图片视频资源也肯定需要用到云存储，所以不可避免要和各类云服务商打交道。
而阿里云应该是国内最知名的几家云服务商之一了
- 登录阿里云网站，进入工作台页面，搜索对象存储，进入该页面，然后点击bucket列表
- 进入页面，点击创建bucket.
- Bucket名称和地域必填。地域选择一个距离自己近一些的地方。
- 读写权限选择为公共读，其余均默认
- 点击网页右上角的头像，再点击AccessKey管理，进入该页面
- 点击创建AccessKey，将创建号的key复制保存下来，之后在Picgo上需要用到
- 打开Picgo，点击图床设置，选择阿里云OSS，填写如下信息。
总结
结合历史经验，为了网站图片存储的稳定，我们还是选择方案三作为我们图床实践的最佳选择
可能后期图片访问量大的话，需要充一点钱，但是也很便宜，大概一年40GB只需要9块钱，相当划算啦
3. 结合Typora使用
当我们成功搭建好图床之后，每次写Markdown文档时，都需要先截图，再保存，然后手动打开Picgo完成上传，最后将图片地址复制到Markdown文档中。
如何做到更加高效地上传图片到图床呢？
用Typora写笔记，只需要先截图，再粘贴到Markdown文档，即可直接跳过上传操作，Typora帮我们自动完成。
操作为：打开Typora的设置，点击图像，按照我给的图片进行设置
之后，我们便可以愉快地用Hexo写图文并茂的博客啦~
4. 后记
如果大家觉得我的内容写的还不错，可以在评论区留言支持一下呀~
欢迎大家来逛一逛我的个人博客~
作者：周三不Coding
链接：https://juejin.cn/post/7154719695261106189
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
