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

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

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

搭建过程

新建图床仓库

GitHub+PicGo+jsDelivr搭建高速稳定免费图床_第1张图片
选择public后点击Create repository

生成Token,供picGo配置

在主页点击用户头像,选择【Settings】-【Developer settings】-【Personal access tokens】-【Generate new token】,填写好描述,勾选【repo】,然后点击【Generate token】生成一个Token,注意这个Token只会显示一次,先保存至记事本,后续会用到。
GitHub+PicGo+jsDelivr搭建高速稳定免费图床_第2张图片

GitHub+PicGo+jsDelivr搭建高速稳定免费图床_第3张图片

GitHub+PicGo+jsDelivr搭建高速稳定免费图床_第4张图片

保存生成后的token。

配置picGo

下载PicGo,选择对应的安装包。
GitHub+PicGo+jsDelivr搭建高速稳定免费图床_第5张图片

下载安装后打开picGo进行设置。
GitHub+PicGo+jsDelivr搭建高速稳定免费图床_第6张图片

  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/[email protected]/dist/jquery.min.js
完全省略该版本以获取最新版本
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js
在末尾添加/以获取资源目录列表
https://cdn.jsdelivr.net/gh/jquery/jquery/
至此,所有搭建工作已完成,可以高效的开发编写文档了。

你可能感兴趣的:(建站相关)