GitHub+PicGo+jsDelivr搭建高速稳定免费图床

Gitee也是一个比较不错的图片搭建思路,国内访问速度快,Mac下也有uPic工具进行快速的图片上传管理,采用Gitee搭建自己的图床存储资源可查看《采用Gitee搭建自己的图床存储资源》
但是,Gitee对Windows系统的用户搭建图床不是很友好,没有图片上传管理工具,有能力的大神可以自己写一个插件也可以满足。
此文章介绍,如何通过Github搭建图床,采用jsdelivr做高速CDN,采用PicGo开源工具进行图片管理。

本文中的图片均来搭建的图床。

搭建过程

新建图床仓库


选择public后点击Create repository

生成Token,供picGo配置

在主页点击用户头像,选择【Settings】-【Developer settings】-【Personal access tokens】-【Generate new token】,填写好描述,勾选【repo】,然后点击【Generate token】生成一个Token,注意这个Token只会显示一次,先保存至记事本,后续会用到。

保存生成后的token。

配置picGo

下载PicGo,选择对应的安装包。

下载安装后打开picGo进行设置。

  1. 设定仓库名:按照【用户名/图床仓库名】的格式填写
  2. 设定分支名:【master】
  3. 设定Token:粘贴上述生成的【Token】
  4. 指定存储路径:填写想要储存的路径,如【img/】,这样就会在仓库下创建一个名为 img 的文件夹,图片将会储存在此文件夹中
  5. 设定自定义域名:它的的作用是,在图片上传后,PicGo会按照【自定义域名+上传的图片名】的方式生成访问链接,放到粘贴板上,因为我们要使用jsDelivr加速访问,所以可以设置为https://cdn.jsdelivr.net/gh/用户名/图床仓库名,关于jsDelivr下面会说明。
关于jsDelivr

jsDelivr是一个致力于为开发者提供数千种Javascript、CSS等超过1650多种 Libraries 加速的免费CDN服务,该平台是首个「打通中国大陆与海外的免费CDN服务。
jsDelivr平台将服务重心放在更快速的网路连线,利用CDN技术来确保每个地区的使用者都能获得最好的连接速度。此外jsDelivr 可将不同的JavaScript 或CSS libraries 整合在一起,通过一段链结来载入网站,非常方便。
具体使用方法:https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径
其中:版本号不是必需的,是为了区分新旧资源,如果不使用版本号,将会直接引用最新资源。
例如:
https://lihao1991.gitee.io/images-bed/iblog-bg-8922321312932423345.jpg

加载任何Github发布、提交或分支
https://cdn.jsdelivr.net/gh/user/repo@version/file
加载 jQuery v3.2.1
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js
完全省略该版本以获取最新版本
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js
在末尾添加/以获取资源目录列表
https://cdn.jsdelivr.net/gh/jquery/jquery/
至此,所有搭建工作已完成,可以高效的开发编写文档了。

  • 4
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值