搭建博客图床

前言

随着博客内容的增加，文章图片的数量也不断增长，如何引用存储图片就成了一个问题。对于我这样没什么访问量，只是写给自己看的博客，要求就是简单方便（当然能白嫖最好 😬），最后采用 GitHub + JsDelivr + uTools 图床插件的办法。

图床选择

先来说一下其他图床吧，简单来说，如果你有一个备案域名的话，做什么事都比较简单，国内的许多平台的对象存储都需要一个 备案域名。如果像我一样仅仅是为 Hexo + github pages 博客搞个图床，感觉再弄那些就有些麻烦了。

公益图床

公益图床简单来说就是一些免费的图床，缺点就在于速度确实有些慢了，毕竟免费->盈利有限->服务器也有限
- SM.MS: 比较有代表性的一个免费图床，我之前用的也是 SM.MS 除了速度慢点，偶尔上传失败，总体来说也算是比较好用的。
- 路过图床: 没有使用过，也不多说
基于对象存储

国内的许多平台都有对象存储服务，比如阿里云，腾讯云，又拍云，七牛云等，对于访问量比较小的网站，总体来说存储费用也不会太贵
- 阿里云: 阿里云 OSS 还是比较好的，计费情况你可以参考阿里云 OSS，emmmm，总得来说比较复杂
- 腾讯云: 总体来说和阿里云差不多，详情参考腾讯云 COS
- 七牛云: 七牛图床也是网上推荐比较多的，认证过后提供免费的 10G 存储空间，免费提供 HTTP 外链, HTTPS 收费，另外提供的图片外链是测试的域名，30 天后会被回收，因此就需要备案域名。
- 又拍云: 10G 免费存储空间，同样需要备案域名。

总的来说，如果你有备案域名，那么就可以选择上面那些平台的对象存储服务，如果你只是像我一样需要简单存储，那么你可以选择免费图床，或者是直接用 GitHub 作为仓库。

下面回到正题，说一下我的图床选择。

创建 GitHub 仓库

用 GitHub 作为仓库没什么理由，主要就是免费，空间大，至于什么访问问题，能自己把博客都折腾起来的人我相信这都不算事。

登入 GitHub，如果没有账号的话就注册一下，完成之后点击右上角的 +，选择 New repository 创建一个新的代码仓库，仓库名随意，比如 imgbed。

创建完仓库之后你还需要创建 token，具体来说：点击右上角头像，进入Settings，选择 Developer settings

之后在打开的页面进入 Personal access tokens，选择 Generate new token

在 note 中随便取个标题，勾选 repo，然后 Generate token 即可。

之后会生成一个 token，记得保存，这个 token 只会出现一次，之后要用到。

JsDelivr

放在 Github 的资源在国内加载速度比较慢，因此需要使用 CDN 加速来优化网站打开速度，这里就要用到 JsDelivr，更多使用方法可以到官网查询。

使用方法

https://cdn.jsdelivr.net/gh/用户名/仓库名@版本号/文件路径

## 引入js文件，仓库名为BlogBeautify,版本号为1.1
https://cdn.jsdelivr.net/gh/EmoryHuang/BlogBeautify@1.1/DynamicRibbon.min.js

## 引入图片，也可以不使用版本号
https://cdn.jsdelivr.net/gh/emoryhuang/imgbed@master/3967644193.png