作者:山间农夫的家 | 来源:互联网 | 2024-12-24 12:54
本文详细介绍了如何利用GitHub仓库、JSDelivrCDN、PicGo图床工具和Typora编辑器,搭建一个高效且免费的图床系统。通过此方案,用户可以轻松管理和上传图片,并在Markdown文档中快速插入高质量的图片链接。
构建高效图床解决方案
本教程将指导你如何结合 GitHub、JSDelivr、PicGo 和 Typora 创建一个稳定且易于使用的图床系统。
- 创建 GitHub 公开仓库:
首先,在 GitHub 上创建一个新的公开仓库用于存储图片资源。确保选择正确的分支(通常是 main 或 master),以保证后续操作顺利进行。
- 生成 GitHub 访问令牌:
进入 GitHub 的设置页面,导航至开发者设置部分,点击“个人访问令牌”并生成一个新的令牌。确保为该令牌赋予适当的权限(如 repo 权限),以便能够推送和拉取代码。
- 配置 PicGo:
安装并打开 PicGo 后,你需要对其进行基本配置。输入你的 GitHub 用户名和仓库名称,格式为 用户名/仓库名
。为了加速图片加载,建议使用 JSDelivr 的免费 CDN 加速服务,其 URL 格式为 https://cdn.jsdelivr.net/gh/用户名/仓库名
。
- 配置 Typora:
接下来,在 Typora 中集成 PicGo。前往 Typora 的图片上传设置,指定 PicGo 的安装路径,并验证连接是否成功。确保端口号与 PicGo 中的服务器设置一致。完成配置后,复制图片到 Typora 中即可自动上传至 GitHub 并生成对应的 Markdown 图片链接。
- 高级选项 - 自建图床:
如果你需要更灵活的图床管理功能,可以考虑使用开源项目 ImgURL。该项目提供了社区版和 Pro 版,后者支持 API 接口。你可以参考官方文档或视频教程进行安装。对于 PicGo 用户,需安装 web-uploader 插件以支持自定义 Web 图床。注意:安装插件前请确保已安装 Node.js 环境。