坏银的自诉
自从写博客开始,才知道原来使用 markdown 文本写的东西,是不可以直接带图片的,只能保存在本地绝对路径或者网络路径中(图床)。于是在搭建博客初期就打算做一个自己的图床。奈何本人干啥啥不行,白嫖第一名。既然阿里云的白嫖的,域名一块钱买的。那么,怎样才可以搭建一个免费图床呢?这不由得让我想到了 GitHub,查询相关资料,便搭建了这么一个 GitHub+PicGo+jsDelivr CDN 的免费的,拥有 CDN 加速的图床。
- 1.需要图床所以创建
- 2.PicGo 用于管理上传图片,也可以直接上传到 github 上去。
- 3.jsDelivr 用于 CDN 加速,并且免费易用。
1.创建一个 github 仓库并生成口令
1.创建一个 GitHub 仓库用来储存你的图床,假如你莫得 GitHub 账号就创建一个嘛!GitHub
- ps:我已经创建过一个这个名字的仓库所以报错
- 创建一个 README.md 文件根据需要创建。
2.生成一个 Token 用于操作 GitHub repository
- 点击 Settings
- 点击 Developer settings
- 点击 Personal access tokens
- 点击 Generate new token 并输入密码
- 勾选红框并创建
- 勾选红框以后点击创建
注意:创建成功后,会生成一串 token,这串 token 之后不会再显示,所以第一次看到的时候,就要好好保存
2.配置 PicGo
1.下载并安装 PicGo
设置
1.仓库名的时候,是按照“账户名/仓库名的格式填写”
2.名统一填写“master”
3.将之前的Token黏贴在这里
4.存储的路径可以按照我这样子写(注意一定要写上/符号),就会在repository下创建一个“优雅的使用图床”文件夹,这个文件夹名可以更改,便于管理。
5.自定义域名的作用是,在上传图片后成功后,PicGo会将“自定义域名+上传的图片名”生成的访问链接,放到剪切板上https://raw.githubusercontent.com/用户名/RepositoryName/分支名
自定义域名需要按照这样去写。
ighub 也支持一些快捷键操作,就不继续写下去了,可在设置中查找。
3.使用 jsDelivr CDN 加速
对于使用存储在 GitHub 上面的图片,使用 jsDelivr CDN 加速只需要改变图片链接就行。
按照官方说明是这样的 :
https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径
但是偶仔细看看也莫得版本号勒,于是就变成这样:
https://cdn.jsdelivr.net/gh/用户名/仓库名/文件路径
例如我的用户名是 lmlx66,仓库名是 img,那么我的图片位置就是:
https://cdn.jsdelivr.net/gh/lmlx66/img/优雅的使用图床/08.jpg
对比一下未加速的链接:
https://raw.githubusercontent.com/lmlx66/img/master/优雅的使用图床/08.jpg
4.总结
展示莫得,有朋友来帮我总结一下?
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于