博客搭建(二)使用GitHub作为图床
使用 GitHub + jsDelivr 搭建免费图床
本文将介绍如何使用 GitHub 仓库作为图床,并通过 jsDelivr CDN 加速访问,实现免费且稳定的图片托管服务。
为什么选择 GitHub + jsDelivr?
- 完全免费
- 无容量限制
- 全球 CDN 加速
- 可靠的文件存储
- 方便的版本控制
配置步骤
1. 创建 GitHub 仓库
- 登录 GitHub 账号
- 创建新的公开仓库,例如
blog-images
- 初始化仓库,添加 README.md
2. 生成访问令牌
- 进入 GitHub 设置页面
- 选择 Developer settings -> Personal access tokens
- 生成新的令牌,勾选 repo 权限
- 保存生成的令牌字符串
3. 配置 PicGo
- 下载并安装 PicGo
- 在图床设置中选择 GitHub 图床
- 填写配置信息:
- 仓库名:
用户名/仓库名
- 分支名:
main
- Token:之前生成的访问令牌
- 存储路径:
images/
- 自定义域名:
https://cdn.jsdelivr.net/gh/用户名/仓库名@main
- 仓库名:
使用方法
1. 使用 PicGo 上传
- 复制图片或选择文件
- 使用 PicGo 上传
- 自动获取 CDN 链接
2. 在 Markdown 中使用
|
3. 调整图片大小
使用 HTML 标签:
|
或使用 jsDelivr 参数:
|
注意事项
- 仓库必须是公开的
- 图片大小建议控制在 5MB 以内
- 使用有意义的文件名
- 定期清理不用的图片
- 备份重要图片
常见问题
- 上传失败:检查 Token 权限
- 图片无法显示:确认仓库是公开的
- CDN 缓存:等待刷新或使用不同的文件名
希望这篇教程能帮助你搭建自己的图床服务!
picgo 配置:
macOS系统安装完PicGo显示「文件已损坏」或者安装完打开没有反应
因为 PicGo 没有签名,所以会被 macOS 的安全检查所拦下。
安装后打开遇到「文件已损坏」的情况,请按如下方式操作:
信任开发者,会要求输入密码:
|
然后放行 PicGo :
|
然后就能正常打开。
如果提示以下内容
|
执行命令
|
如果上述命令依然没有效果,可以尝试下面的命令:
|
如果安装打开后没有反应,请按下方顺序排查:
macOS安装好之后,PicGo 是不会弹出主窗口的,因为 PicGo 在 macOS 系统里设计是个顶部栏应用。注意看你顶部栏的图标,如果有 PicGo 的图标,说明安装成功了,点击图标即可打开顶部栏窗口。参考上述第八点。
如果你是 M1 的系统,此前装过 PicGo 的 x64 版本,但是后来更新了 arm64 的版本发现打开后没反应,请重启电脑即可。
