在使用 Hexo 构建博客时,我研究了图片存储的多种方案,最终选择了 GitHub 作为免费的图片托管平台。以下是我详细的配置和使用心得。

配置 PicGo 命令行

安装工具

1
2
3
npm install picgo -g # 安装
picgo install github-plus # 安装 github 插件
picgo install rename-file # 安装重命名插件处理文件同名的问题

修改 PicGo 配置文件

PicGo 配置文件 ~/.picgo/config.json 修改为如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
{
"picBed": {
"current": "github",
"github": {
"repo": "Norvon/norvon.github.io",
"token": "token"
"path": "images/",
"customUrl": "",
"branch": "image"
}
},
"picgoPlugins": {
"picgo-plugin-github-plus": true,
"picgo-plugin-rename-file": true
},
"picgo-plugin-rename-file": {
"format": "{hash}"
}
}

repo 对应配置用户名/仓库名称

⚠️⚠️⚠️ 仓库必须为公开仓库,要不然别人访问不了这个链接

image-20250403151125400

token 替换为你的 token

创建 Token 访问地址: settings/personal-access-tokens

image-20250403151935491

image-20250403153324068

设置 Token 访问仓库的权限,可以按需选择。

image-20250403153353333

⚠️⚠️⚠️ 这里只会生成一次记得复制出来

image-20250403153419919

branch 替换为你自己的分支

我这里是单独创建的一个分支,按自己的需求确认是否更换。

测试上传是否成功

picgo upload 图片路径

image-20250403154159207

配置 Typora

在这里配置完成后,可以点击验证图片上传选项进行测试。

image-20250403154352058

后续可以做的

  • 图片压缩
  • 图片归类
  • 替换替他图床