搭建个人图床并利用 PicGo、GitHub 和 jsDelivr 进行 CDN 加速是一个非常实用的方案。以下是详细的步骤,配合图文说明,帮助您顺利完成这一过程。
步骤 1: 创建 GitHub 仓库
登录 GitHub
访问 GitHub 并登录您的账户。创建新仓库
点击右上角的 "+" 按钮,选择 "New repository"。填写仓库信息
输入仓库名称(例如my-image-host
),选择 "Public"(公开)或 "Private"(私有),然后点击 "Create repository"。
步骤 2: 安装 PicGo
下载 PicGo
前往 PicGo 的 GitHub 页面 下载最新版本的 PicGo 客户端。安装 PicGo
根据您的操作系统安装 PicGo。
步骤 3: 配置 PicGo
打开 PicGo
启动 PicGo 客户端。添加图床
在左侧菜单中选择 "图床",然后点击右上角的 "添加图床" 按钮,选择 "GitHub"。
配置 GitHub 图床
- 仓库:输入您在 GitHub 上创建的仓库名称(例如
用户名/my-image-host
)。 - 分支:通常选择
main
或master
。 - 路径:您希望图片存储的路径(例如
images/
)。 - Token:您需要生成一个 GitHub 个人访问令牌(Personal Access Token)以便 PicGo 上传图片。
步骤 4: 生成 GitHub 个人访问令牌
进入设置
登录到 GitHub,点击右上角的头像,选择 "Settings"。开发者设置
在左侧菜单中选择 "Developer settings"。生成新令牌
点击 "Personal access tokens",然后选择 "Tokens (classic)",点击 "Generate new token"。设置令牌权限
输入令牌的名称,选择适当的权限(至少需要repo
权限),然后点击 "Generate token"。复制令牌
复制生成的令牌,确保妥善保存,因为之后无法再次查看。
步骤 5: 在 PicGo 中输入 Token
输入 Token
回到 PicGo 的 GitHub 配置界面,将生成的 Token 粘贴到相应的字段中。测试配置
点击 "测试" 确保配置正确。保存配置
点击 "保存"。
步骤 6: 上传图片
上传图片
在 PicGo 主界面,您可以直接拖放图片到 PicGo 窗口,或者点击 "上传" 按钮选择图片。获取链接
上传完成后,PicGo 会自动生成图片的链接。
步骤 7: 使用 jsDelivr 进行 CDN 加速
获取 GitHub 图片链接
上传完成后,PicGo 会生成类似以下格式的链接:https://raw.githubusercontent.com/用户名/my-image-host/main/images/图片名.jpg
构建 jsDelivr 链接
使用 jsDelivr 进行 CDN 加速,您可以将链接转换为以下格式:https://cdn.jsdelivr.net/gh/用户名/my-image-host/images/图片名.jpg
例如,如果您的图片链接是:
https://raw.githubusercontent.com/用户名/my-image-host/main/images/photo.jpg
则 jsDelivr 链接为:
https://cdn.jsdelivr.net/gh/用户名/my-image-host/images/photo.jpg
步骤 8: 使用图片链接
您可以在任何支持 Markdown 或 HTML 的地方使用这个链接。例如:
Markdown 示例
![描述](https://cdn.jsdelivr.net/gh/用户名/my-image-host/images/图片名.jpg)
HTML 示例
<img src="https://cdn.jsdelivr.net/gh/用户名/my-image-host/images/图片名.jpg" alt="描述">
注意事项
- 文件大小限制:GitHub 对单个文件的大小有限制(通常为 100 MB),请确保您的图片文件不超过此限制。
- 隐私:如果您选择创建私有仓库,只有您和您授权的用户可以访问这些图片。
- 链接稳定性:使用
cdn.jsdelivr.net
作为链接的基础部分,以确保链接可以直接访问图片。
总结
通过以上步骤,您就可以利用 PicGo、GitHub 和 jsDelivr 搭建个人图床并实现 CDN 加速。如果您有任何问题或需要进一步的帮助,请随时告诉我!