Github+PicGo+jsdelivr 搭建免费图床

534 阅读2分钟

1.github

1.1新建github 仓库

1.2 填写信息

1.3 获取token

点击用户头像,在弹出的菜单中,点击setting. 在左边的侧边栏中,点击Developer setting 选择第三个选项Personal access tokens, 然后点击generate new token。这一步会提示输入账户密码,验证完密码后会继续后面的操作 填写note, 这个不重要,自己方便记忆即可。然后勾选上note, 最后点击生成就行了。 最终生成的token是一串字符。注意看红框的提示,这个token只显示这一次。下次在看到它时,它就只显示你填写的note了,就像下面绿框所示的一样。

好了,github方面的设置及完成了

2. picGo设置

2.1 安装

下载地址

2.2 设置图床

  • 仓库名:[用户名]/[仓库名]
  • 分支名:默认为master
  • token: 将复制的token粘贴到此处
  • 指定存储路径:可以自定义,比如img/, 那么上传的图片就都存储在img文件夹中了
  • 自定义域名: cdn.jsdelivr.net/gh/[用户名]/[仓…

picGo 推荐设置

  • 开机自启:免得每次开机手动打开了
  • 时间戳重命名:强烈推荐打开,避免文件名冲突了
  • 上传前重命名:这个根据自己需求了,因为要多一步操作,我就给关闭了。
  • 开启上传提示: 开始上传,上传完毕,都会有通知,前提是已经允许了软件发送通知
  • 上传后自动复制URL: 默认开启的,好处就不用多说了

上传快捷键: command+shift+p

3. jsDelivr

放在Github的资源在国内加载速度比较慢,因此需要使用CDN加速来优化网站打开速度。
jsDelivr是在中国大陆唯一有 license 的公有** CDN**,而且实际使用中的访问速度也是极快的。jsDelivr可以引用的资源包括NPM、github、wordpress的所有资源.

以github为例,只需要通过符合 JSDelivr 规则的 URL 引用,即可直接使用 Github 中的资源。 规则如下:

https://cdn.jsdelivr.net/gh/<github账号>/<仓库名称>@<版本号>/<文件路径>/<文件名>

不输入版本号默认访问最新版本

以我的资源为例
原github链接: github.com/hopehopez/P…
CDN后的链接:
cdn.jsdelivr.net/gh/hopehope…

我在设置图床时,把自定义域名设置为了符合JSDelivr 规则的 URL,所以图片上传完后,得到的链接,默认就是支持cdn访问的链接了。
打完,收工!