GitHub+JSDelivr+PicGo+Typora免费白嫖高速稳定图床

一枫说 - 2021-09-16 04:31:03

0. 初衷平时写文章，经常需要插入图片，免不了需要使用图床工具把本地图片转换成链接。市面上的图床工具非常多，但很多都需要收费，有些免费的也存在着不稳定的风险。而 GitHub 作为全球最大的“同性交友网站”，不仅稳定性高，而且简单易用，关键还可以免费白嫖！下面教大家如何更好地利用 GitHub 搭建图床。

1. 创建 GitHub 仓库

在创建的仓库中点击Upload files。

选择上传的图片，然后提交。

提交之后，就可以在浏览器通过地址https://raw.githubusercontent.com/你的用户名/你的仓库名/main/文件路径来访问所上传的图片。

比如：https://raw.githubusercontent...

之后在博客中插入图片的时候，使用此链接即可。2. 使用jsDelivr进行CDN加速

前面已经利用GitHub仓库实现了图床功能，但是大家都知道，GitHub在国内访问很慢，甚至经常打不开，那么我们的图片就存在加载速度慢的问题，怎么办呢？jsDelivr可以解决此问题，显著提高图片访问的响应速度，并且开源免费！其官网为：jsDelivr - A free, fast, and reliable CDN for open source。

使用方法也非常的简单，直接在浏览器通过地址https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径就可以访问GitHub上的图片，并且响应速度非常快！其中@发布的版本号可以直接省略，默认加载最新版本，即直接可以简写为https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名/文件路径

比如：https://cdn.jsdelivr.net/gh/y...

3. 使用PicGo上传图片

前面实现了GitHub仓库作为图床，jsDelivr对图片进行加速。但是每次我们都需要使用git工具或者在gitHub仓库中进行上传图片，并且要自己拼接图片地址，非常麻烦，有没有更快速更简洁的方式呢？此时神器PicGo就派上了用场，同样开源免费！

PicGo是一个用于快速上传图片并获取图片 URL 链接的工具，支持多个图床进行使用，其中当然包括我们现在使用的GitHub图床了，它同时支持Windows、macOS、Linux平台，详情可见：Molunerfinn/PicGo: A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder (github.com)

这里以Windows为例，说明PicGo的使用方法。

下载并安装PicGo，https://github.com/Molunerfin...

打开PicGo软件，找到图床设置中的GitHub图床，填写相关信息。

设定仓库名【必填】：填写你的用户名/你的仓库名，比如我的yifeng-talking/pictures设定分支名【必填】：填写main设定Token【必填】：在Github主页点击自己头像后，依次选择【Settings】->【Developer settings】->【Personal access tokens】->【Generate new token】，填写Note描述（随便），设置过期时间Expiration为永不过期No expiration，设定勾选【repo】，然后点击下方的【Generate token】生成一个Token，这个Token只会显示一次，自行保存，然后复制到PicGo中。指定存储路径【选填】：填写图片要存储的路径，比如填【images/】，这样就会在仓库下创建一个名为 images 的文件夹，图片将会储存在此文件夹中，这里不填。

设定自定义域名【选填】：图片上传后，PicGo会按照【自定义域名+上传的图片名】的方式生成访问链接，放到剪贴板上，因为我们要使用jsDeliver进行加速，因而这里设置为https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名，比如我设置为https://cdn.jsdelivr.net/gh/y...