图床的最佳实践

1. 前言：为什么要使用图床？

之前我们已经讲过如何用Hexo发表文章。但是，一篇优秀的知识分享与技术博客，怎么能少得了图片呢？

但是，文章中的图片存储在哪里？

1. 当我们在本地写博客做笔记（用Typora或MarkText）时，我们一般会把图片存在当前文章的路径下
2. 当我们在CSDN、掘金或知乎等平台上写博客时，我们的图片会被存储到这些网站对应的服务器中
3. 而当我们的博客发布在Hexo上时，图片的加载路径有以下两种方式：
   1. 参照我们本地写博客的方式，将图片存储到Hexo下的public资源文件夹下
   2. 参照在技术论坛写博客的方式，将图片存储到服务器上

如果将图片资源都存储到Hexo的文件中，会变得很臃肿，所以不采用该方案。

我们这里所要说的就是将图片存储到服务器上，即图床这种方式。

但这时候你会想，本来使用Hexo做博客就是为了省事省钱、不买服务器，而为了存图片，再买服务器吗？

不必担心，各大云服务商平台都提供了图片存储，也是对象存储的云服务器！而且价格远低于服务器！

接下来进入正题！

2. 方案选择

以下几种方案都极其简单，原理都很类似

方案一：Github仓库 + Picgo + jsDelivr CDN

这一种方案我在实操之后，发现国内用户无法访问，是因为最近国内将jsDelivrCDN给墙了，无法通过其对Github进行加速

但是我还是简单介绍一下，

1. 创建Github公共仓库，名字随便，注意一定要是公共的，否则别人无法访问到图片资源。

2. 下载 Picgo

   PicGo: 一个用于快速上传图片并获取图片 URL 链接的工具

3. 将Github创建仓库信息配置到Picgo中。打开Picgo，点击图床设置，选择Github图床，填写如下信息。

   仓库名就写你之前创建好的仓库名

   分支填现有的分支就可以

   其中的Token可以在Github - Settings - Personal access tokens 中生成，只选择repo选项就可以

   • 如果不知道如何生成的话，可以查看现成的相关攻略

   指定存储路径可填可不填

   自定义域名这里填写：https://cdn.jsdelivr.net/gh/用户名/仓库名，因为我们采用了jsDelivr CDN进行加速，虽然现在没有任何卵用

   最后保存为默认图床即可

方案二：Gitee仓库 + Picgo

Gitee虽然说是国内平台，访问是没问题的。但是听说它经常崩，我有点担心，就没有去尝试。

其方法和Github几乎一模一样，只是选择了用Gitee创建仓库。

在这里我也不推荐使用这种方案

方案三：阿里云对象存储 + Picgo

之前没有使用过阿里云的小伙伴可以仔细学一学啦，

以后搭建个人网站都需要用到服务器，网站上的图片视频资源也肯定需要用到云存储，所以不可避免要和各类云服务商打交道。

而阿里云应该是国内最知名的几家云服务商之一了

1. 登录阿里云网站，进入工作台页面，搜索对象存储，进入该页面，然后点击bucket列表

1. 进入页面，点击创建bucket.

   • Bucket名称和地域必填。地域选择一个距离自己近一些的地方。
   • 读写权限选择为公共读，其余均默认

   

2. 点击网页右上角的头像，再点击AccessKey管理，进入该页面

   

3. 点击创建AccessKey，将创建号的key复制保存下来，之后在Picgo上需要用到

4. 打开Picgo，点击图床设置，选择阿里云OSS，填写如下信息。

   

总结

结合历史经验，为了网站图片存储的稳定，我们还是选择方案三作为我们图床实践的最佳选择

可能后期图片访问量大的话，需要充一点钱，但是也很便宜，大概一年40GB只需要9块钱，相当划算啦

3. 结合Typora使用

当我们成功搭建好图床之后，每次写Markdown文档时，都需要先截图，再保存，然后手动打开Picgo完成上传，最后将图片地址复制到Markdown文档中。

如何做到更加高效地上传图片到图床呢？

用Typora写笔记，只需要先截图，再粘贴到Markdown文档，即可直接跳过上传操作，Typora帮我们自动完成。

操作为：打开Typora的设置，点击图像，按照我给的图片进行设置

之后，我们便可以愉快地用Hexo写图文并茂的博客啦~

4. 后记

如果大家觉得我的内容写的还不错，可以在评论区留言支持一下呀~

欢迎大家来逛一逛我的个人博客~

文章来源于：稀土掘金，作者：周三不Coding
链接：https://juejin.cn/post/7154719695261106189
侵删