前言

自从接触到 Hexo，Hexo 插入图片就成了老大难问题，感觉图床可能是目前一个比较稳定且很好的方案了，这里因为我创建过 Github 项目了并且也生成了 key，所以有一定步骤直接拿网上的来。

1、创建 GitHub 仓库

以下内容来自：

https://blog.csdn.net/weixin_46599489/article/details/135585622?fromshare=blogdetail&sharetype=blogdetail&sharerId=135585622&sharerefer=PC&sharesource=&sharefrom=from_link

  1. 在 GitHub 里创建一个公有仓库，用来存放上传的图片。仓库需要设置为 public，便于外部访问。

  1. 接下来我们要获取 token 给到 PicGo。

    1. 点击 setting，进入设置页：

    1. 往下划，找到 < >Developer settings，点击进入页面：

    1. 点击 Personal access tokens，再点 Generate new token 新建 token。

    在这里插入图片描述

    1. 填写下方的 notes 信息，设置 token 过期时间，图片里设置的 30 天过期，也就是说，30天后需要再续一下，我是很懒的，直接设置了永久，但是需要注意安全问题，不要泄露了。底下复选框的内容 repos 要全选上，其他的看情况选，我是全选了。

    在这里插入图片描述

    1. 配置完毕后，点击下方的 generate token 即可创建完成。记得复制下面的 token 信息，我们下面需要用到。

    在这里插入图片描述

真服了，CSDN 是真 NM 呀，复制图片显示不了，应该是防盗链了，又不是没带你的水印，又不是没有引用，只能说 CSDN 是这样的。

2、配置 PicGo

下载安装 PicGo，GitHub 地址如下：

https://github.com/Molunerfinn/PicGo

安装完成后打开软件，点击 图床设置 -> 找到 GitHub。

点击 + 号新建一个，我这里新建过了，就不再建了。

然后进行图床的配置：

  • 图床配置名自己写一个，应该是随意的
  • 仓库名这里需要设置你的仓库地址，打开你的图床仓库主页，直接复制网址，把 github.com 后面的内容复制过来，其实就是 用户名 + 仓库名
  • 设置分支名：默认是 main 分支，可以根据自己需求进行修改
  • 设定 Token：就是之前在 Github 里设置的 Token，复制过来
  • 存储路径：这里还是建议填一个，如 img，不然仓库主页就是图片，看起来有些乱
  • 设定自定义域名：这里就可以使用 CDN 进行加速啦，现在先不设置，待会儿细讲~

先不设置自定义域名，点击确定保存后，在上传区可以测试一下，记得要换到 Github 图床哈

然后就可以测试一下了，正常来说肯定是可以的~

3、使用 CDN 加速

打开 jsDelivr 的网址：https://www.jsdelivr.com/

点到 GitHub：

这里我们需要复制的内容为：https://cdn.jsdelivr.net/gh/，也就是实例里的用户名之前的内容，很好理解叭，和我们的用户名 + 仓库名拼接，就成了 CDN 加速的网址啦~

然后把这个内容复制到上面没有配置的自定义域名那边，后面记得拼上你的用户名/仓库名，再上传测试一下，正常也是 OK 滴。

后记：联动 Typora

Hexo 的博客我都是在 Typora 上写的，那么复制图片的时候，如何在 Typora 里直接调用 PicGo 呢？Typora 都已经做好功能了，我们配置一下就好：

在 Typora 里点击文件 -> 偏好设置 -> 图像：

插入图片的时候设置为上传图片，下方记得勾选对本地图片应用，网络图片按需进行勾选~

然后下方的图片上传服务记得切换到 PicGo，然后这里需要你选择一下 PicGo 的路径，根据当时安装的路径即可，设置好之后，点击测试上传，如果你之前都测试成功了，那这里肯定也会成功~我就不带图了。

OK，到这里就基本设置完成啦，可以愉快的写博客了~