这套方案是Github的空间+jsDelivr的CDN+PicGo图床工具,全部免费使用且效果不错,非常适合个人博客等网站使用,配合使用体验佳。

创建github

网站:https://github.com

登陆github(这个网站如果不知道就太不应该了),没有账号就新注册一个也不麻烦。github哪都好除了在我们国内的网速问题,所以以下操作也许需要你科学上网。

登陆后回到首页,新建一个项目
请输入图片描述

根据下面的截图填写,第一个Repository name为项目名,可以随意填写。例如我这里为:assets。
请输入图片描述

创建完毕后,打开地址:settings/tokens,以获取tokens。
请输入图片描述

勾选repo即可。
请输入图片描述

tokens只显示一次务必保存好。
请输入图片描述

PicGo设置

PicGo软件开源地址:PicGo

下载PicGo客户端,考虑到github在国内的网速问题,我这里为大家提供蓝奏的网盘下载链接。目前PicGo最新版本为v2.2.2

Mac版:PicGo-2.2.2.dmg
Windows版:PicGo-Setup-2.2.2.exe

安装完毕后打开PicGo,windows版默认最小化,所以在右下角找到并打开,找到图床设置——GitHub图床。

设定仓库名:用户名/项目名。例如我的用户名freessir,项目名assets
设定分支名:默认master
设定Token:上一步保存的Tokens
指定存储路径:随意取名。例如我取名为img,则会在项目里多出img的文件夹。注意要用“/”结尾!
设定自定义域名:https://cdn.jsdelivr.net/gh/+仓库名
请输入图片描述

不要忘了点确定。现在你可以尝试通过PicGo软件上传图片,成功后会自动复制外链到粘贴板,你要做的只是粘贴(ctrl+c)即可。

其他设置

PicGo默认上传成功后自动存储图片链接到粘贴板,我们可以自定义链接格式。

MarkDown格式
HTML格式:<img src="https://cdn.jsdelivr.net/gh/freessir/assets/img/示例.png"/>
URL格式https://cdn.jsdelivr.net/gh/freessir/assets/img/示例.png
UBB格式:[IMG]https://cdn.jsdelivr.net/gh/freessir/assets/img/QQ截图20200311114051.png[/IMG]
Custom格式https://cdn.jsdelivr.net/gh/freessir/assets/img/示例.png

如果我们用来写wordpress博客,URL格式即可。在wordpress编辑器上“方添加媒体—从URL插入”,复制链接。
请输入图片描述

在相册里,能看到上传的历史记录,并对历史图片进行复制链接、编辑文件名和删除操作。复制的链接会随着链接格式的改变而相应改变;删除只是删除了本地的历史记录,并不能删除存在github里的源图片。

jsDelivr

官网:jsdelivr.com

能够集成 Github、NPM 资源,只需要通过符合 JSDelivr 规则的 URL 引用,即可直接使用 Github 中的资源。而且!在中国大陆唯一有 license 的公有 CDN!鼓掌。
请输入图片描述

我们可以看到,在国内的访问速度确实不错。缺点就是有的地区还没有节点,不过胜在免费!
请输入图片描述

PicGo只是一个便捷上传到github并获取外链的工具而已,我们可以跳过PicGo手动上传图片到github并修改成jsDelivr的链接形式,一样可以实现PicGo的功能。

Last modification:December 15th, 2020 at 09:59 pm
如果觉得我的文章对你有用,请随意赞赏