Hugo：PicX图床

本教程基于 PicX 搭建个人博客图床。

PicX 是基于 Github 仓库和 cdn 加速的免费图床工具。通过 Github 授权 PicX 仓库管理权限（包含 GitHub OAuth 授权登录 和 填写 GitHub Token 登录 这两种方式），PicX 通过 Github Api 管理 Github 仓库（也就是我们的图库），提供了图片压缩、自定义命名、自定义水印等功能，简单且免费。

GitHub OAuth 授权登录

1. GitHub OAuth 授权登录 picx-app，安装 PicX GitHub APP。
2. 一键配置自动创建：仓库 picx-images-hosting 和 分支 master。
3. 图床设置，图床部署到 Github Pages 开启，图片连接规则改为 ChinaJsDelivr。

填写 GitHub Token 登录

1. 创建一个带有 repo 权限的 GitHub Token，点击快速新建。
2. Note 填写 GitHub Token 名称；Expiration 选择 No Expiration；Select scopes 勾选 repo。
3. 点击 Generate token 按钮，生成 GitHub Token。
4. 使用创建的 GitHub Token 完成登录和图床配置。

Github Pages使用Cloudflare加速自定义域名

配置Github Pages

1. 进入 picx-images-hosting 仓库，点击 Settings 选项卡。
2. 关于 Pages 选项卡，其已经 Deploy from a branch 中配置好，gh-pages 分支。
3. 启用部署后才能看到自定义域名的选项 Custom domain。在其中输入自定义域名，点击 Save 按钮。

配置Cloudflare

1. 进入 Cloudflare 控制台，选择你的自定义域名。
2. 点击 DNS 选项卡，在 Records 中添加四条记录。
3. 添加 A 记录，指向 185.199.108.153、 185.199.109.153、185.199.110.153、185.199.111.153。
4. 或者添加 CNAME 记录，指向 username.github.io。

预览效果

在线使用

之前还看到过基于 Cloudflare Pages 和 Telegraph-Image 搭建公共图床，可以在评论区添加图片，但是由于目前为个人博客使用，后续有需要再进行添加吧。