GitHub+PicGo+JsDelivr 打造高效免费图床详细图文教程

在网络内容创作过程中，图片的存储与管理是至关重要的环节。本文将详细介绍如何利用 GitHub、PicGo 和 JsDelivr 构建高效免费的图床，助力创作者更便捷地处理图片资源。

GitHub 注册过程全攻略（图文详解）

搜源站

05550650

一、图床的重要性及选择

在撰写博客文章等内容时，图片的上传与存放常常会带来一些困扰。若将图片与博客放在同一仓库并使用相对路径引用，后期维护会较为繁琐；若在多个平台发布同一文章，逐个平台上传图片也极为不便。因此，推荐使用图床来统一管理图片。图床是一个在线的第三方静态资源库，它会返回图片的 URL，创作者可通过 markdown + 图片 url 的方式编写文章，实现一次编写多处使用。在众多图床选择中，GitHub 因其免费、稳定的特点脱颖而出，虽存在国内访问速度慢的小缺点，但可借助 jsDelivr 免费 CDN 加速来解决。

JsDelivr 是国外一家优秀的公共 CDN 服务提供商，它率先打通了中国大陆与海外的免费 CDN 服务，无需担心中国防火墙问题影响使用，其官网为 http://www.jsdelivr.com/ 。

二、GitHub 仓库设置步骤

注册与新建仓库：

1.首先需要注册 GitHub 账号（用自己邮箱注册即可，本文不详细演示注册过程，不会的可以看下面的文章）

GitHub 注册过程全攻略（图文详解）

搜源站

05550650

2.然后在 GitHub 页面点击 “+” 号新建仓库。

3.在创建仓库时，要确保仓库设置为公开状态，因为后续操作需要公开仓库的权限。仓库创建成功后，会包含所有项目文件及修订历史。

进入设置获取密钥：

1. 点击 GitHub 页面右上角的头像，进入 “settings” 选项。

2.接着点击左侧最下面的菜单 “Developer settings”

3.在此页面中，选择“Personal access tokens” 在点击 “Tokens (classic)” 生成密钥。

4.点击Generate new token然后选择Generate new token (classic)

5.在创建密钥页面，填写 “Note” 为 “图床”，“Expiration”（过期时间）可选择 “No expiration”（永久）或自定义过期时间，在 “Select scopes”（选择权限范围）中，务必勾选 “repo” 及相关权限，如 “repo:status”“public_repo” 等，这些权限将确保图床功能的正常运行。

6.最后点击 “generate token” 生成令牌，此令牌至关重要，一定要妥善备份保存，后续配置过程中会用到。

7.密钥一定要备份一份，这个密钥只显示一次，记得保存下来。

三、PicGo 图床软件配置

1. 下载与安装：从开源地址 https://github.com/Molunerfinn/PicGo 下载 PicGo 图床软件，安装过程较为简单，一直点击下一步即可完成安装。

2.参数设置：

• 图床配置名：这里可以随意填写，为了自己好识别而已。
• 设定仓库名：填写 github 的账户 / 仓库名，确保与之前创建的 GitHub 仓库信息一致。
• 设定分支名：通常填写使用的分支，默认是 “main”。
• 设定 Token：将前面生成的 token 填写在此处，用于授权 PicGo 访问 GitHub 仓库。
• 设定储存路径：可根据自己的规划填写仓库下的子目录，用于存放图片。
• 设定自定义域名：这是一个选填项，为了提升图片访问速度，建议使用 jsdelivr cdn 加速。
• cdn填写方式：链接格式如下：https://cdn.jsdelivr.net/gh/账户名/仓库名 或 https://gcore.jsdelivr.net/gh/账户名/仓库名，一般选择前者即可。

选择（1）https://cdn.jsdelivr.net/gh/账户名/仓库名
选择（2）https://gcore.jsdelivr.net/gh/账户名/仓库名

完成以上配置后，仓库搭建即告完成。此时，用户可以截取图片，使用快捷键 “command/ctrl+shift+p” 将剪贴板中的图片直接上传。上传成功后，图片链接会自动复制到剪贴板中供用户直接使用，并且在 PicGo 的相册中可以查看图片预览。

四、插件安装与注意事项

PicGo 提供了丰富的插件来增强功能，插件列表可在 https://github.com/PicGo/Awesome-PicGo 查看。例如：

• compression：可在上传图片之前进行压缩，默认配置即可满足一般需求。
• gitHub-plus：安装此插件后，在相册中删除图片可以同步到 github，方便管理图片资源。
• webp：能将上传前的图片转化成 “.webp” 格式，优化图片存储与传输。

在安装插件过程中可能会遇到一些问题，如安装失败或长时间安装不了。解决方法是确保本地 node 版本大于 16，并将 npm 安装镜像配置成淘宝的（地址为 https://registry.npm.taobao.org/），这样可以提高插件安装的成功率和速度。

通过以上步骤，用户可以成功利用 GitHub+PicGo+JsDelivr 打造高效免费的图床，提升网络内容创作中图片管理的效率和便捷性。