github + PicList + CDN加速 实现博客文件托管（免费）

👋 嘿！你的博客图片是不是又慢又卡？

今天我们来解决一个写博客时的“老大难”问题——图片托管。
如果你还在把图片放在本地的 source/images 文件夹里，那你可能会发现：

1. 仓库爆炸：Git 仓库越来越大，慢到怀疑人生。
2. 加载龟速：国内访问经常转圈圈。

别慌！今天我们用 GitHub (仓库) + PicList (最强上传工具) + 免费 CDN 加速 这套“王炸组合”，给你的博客装上光速引擎！🚀

值得一提的是，PicList不仅支持图片格式，还支持多种文件格式进行上传。

🛠️ 准备工作 (Prerequisites)

在开始之前，请确保你拥有：

1. GitHub 账号 (显然大家都有)。
2. PicList 软件:下载地址 (PicGo 的超强进化版，去 GitHub 搜 PicList 下载)。

📦 第一步：创建云端图床仓库

我们需要在 GitHub 上开辟一块地方来存图片。

1. 登录 GitHub，点击右上角 + -> New repository。
2. Repository name: 建议填写 blog-assets 或 img-bed。
3. Visibility: 🔥 必须选择 Public (公开)！
   • 注意：如果选 Private，CDN 无法读取图片，会导致图片全挂！
4. 勾选 Add a README file (初始化仓库，生成 main 分支)。
5. 点击 Create repository。

🔑 第二步：获取专属访问令牌 (Token)

PicList 需要一把“钥匙”才能把图片上传到你的仓库。

1. 点击 GitHub 右上角头像 -> Settings。
2. 左侧菜单拉到底 -> Developer settings。
3. 选择 Personal access tokens -> Tokens (classic)。
4. 点击 Generate new token (classic)。
   • Note: 填 PicList Upload。
   • Expiration: 建议选 No expiration (永不过期)。
   • Scopes: 🔥 必须勾选 repo (Full control of private repositories)。
5. 点击生成，立刻复制那串 ghp_ 开头的 Token！
   • 警告：这串字符只显示一次，不保存就没了！

⚡ 第三步：配置 PicList 神器

打开你的 PicList 客户端。

1. 左侧导航栏选择 图床 -> GitHub -> 新建。
2. 填写详细配置（请拿出显微镜仔细看！🔬）：

关于自定义域名 (重点中的重点)：

请严格按照以下格式填写，不要多空格，不要少 @ 符号：

https://cdn.jsdelivr.net/gh/你的GitHub用户名/你的仓库名@分支名

jsDelivr 是目前良心的免费 CDN，能让国内访问速度提升 10 倍以上！

其中的cdn.jsdelivr.net可换成其他的免费CDN，比如cdn.jsdmirror.com，大家可以去网络上查找更多可用CDN。

3. 点击 确定。

📝 第四步：VS Code 丝滑写作流

配置完成！现在让我们看看在 VS Code 里写文章有多爽。

1. 截图 📸

截取屏幕。

2. 粘贴上传 📤

在 PicList 开启的情况下，有两种方式：

• 方法 A：在 PicList 界面直接按 Ctrl + V 或者点击上传剪贴板。
• 方法 B：开启 PicList 的 Mini 窗口 (那个小浮窗)，把图片文件直接拖进去。

3. 自动插入 Markdown ⚡

上传成功后，PicList 会自动把转换好的 CDN 链接复制到剪贴板。
回到 VS Code，在你的文章里按 Ctrl + V，你会看到：

1

https://cdn.jsdmirror.com/gh/...

链接已经是CDN加速过的了

☀️ 总结

怎么样？是不是超级简单？😎
现在你的博客已经拥有了：

1. 无限的存储空间 (GitHub 免费)。
2. 极速的加载体验 (CDN 加速)。
3. 优雅的写作流程 (PicList 一键上传)。