对于经常写作记录的同学,图床非常舒服,不仅可以节省写作导入图片的时间,同时保障做好一张图的情况下在多个文档场景使用…
几年亲身体验告诉大家,Github
做图床十分靠谱,有CDN
加速访问巨快,今天有时间把流程整理出来。
建议使用
Github
替换Gitee
,一是Gitee
受限于各种原因,经常会在你使用中出现各种幺蛾子,你不得不补充各种资料。二是Github
提供了CDN
加速,所以Gitee
在国内访问较快的优势也失去了。
一、使用GitHub搭建图床
1.前提条件: 图床仓库
右上角的”加号“点击『New repository』新建一个仓库
- 仓库必须是public的,否则存储的图片不能正常访问
2.设置Personal access tokens
若你不需要使用
picGo
等图片管理工具,上传管理图片。则此步骤可以忽略。
这里选择创建personal access token (classic)
,详情参考 创建个人访问令牌 - GitHub Docs。
依次配置:
Note
:给令牌一个描述性名称Expiration
:令牌提供到期时间repo
:要授予此令牌的作用域
注意,生成的token只会在这里显示一次,所以记得单独保存下来哦
至此,Github的配置完成。
二、快速上传图片及如何使用
1.PicGo
快速上传图片
若你不需要使用
picGo
等图片管理工具,上传管理图片。则此步骤可以忽略。
由于国内下载PicGo
速度非常慢,给大家推荐一个镜像地址下载。
这个下载地址要打开
vpn
访问。下载地址:Index of /github-release/Molunerfinn_PicGo/v2.3.0/ (sdu.edu.cn)
。
如我使用的是Mac
64位系统,可通过uname -a
命令查看。
点击 PicGo-2.3.1-x64.dmg 查看
选择对应的版本,即可下载安装。
Mac选择版本疑问参考:Mac电脑使用:判断ARM64 or x64的方法
配置PicGo
:
- 仓库名:
[github用户名]/[第一步新建的仓库名称]
- 分支:默认
master
,从2020.10.01开始,github
的默认分支名变更为main
- 设定
token
:第一步创建的token
- 指定存储路径:可填可不填。填写了,图片就会存储在img文件夹下
- 设定自定义域名:
https://cdn.jsdelivr.net/gh/[github用户名]/[仓库名]@main
,注意,此处的分支一定要填写@main
,否则默认使用master分支
,会出现图片不能上传的情况。【踩坑】
至此,github+picGo
的配置完成,可以在上传区进行图片上传。
2.如何使用
2.1 使用图床
模板:https://cdn.jsdelivr.net/gh/用户名/仓库名@分支/图片路径
例如:https://cdn.jsdelivr.net/gh/lianpf/image-bed@main/blog/2023/test.png
原
github
的自定义域名是:https://raw.githubusercontent.com/[username]/[仓库名]
。但这种方式访问图片巨慢,所以教程中使用了jsdelivr
作为cdn
加速。
总结
如果你像我一样,不想使用客户端上传图片,或者在图床仓库设置了多文件夹分类图片,那你可以直接通过git
管理仓库,那么你需要做的就只有两步。
- 创建【图床仓库】,上传图片资源。
- 使用模板路径:
https://cdn.jsdelivr.net/gh/用户名/仓库名@分支/图片路径
,配置访问你的图片资源。
参考
最后, 希望大家早日实现:成为编程高手的伟大梦想!
欢迎交流~
本文版权归原作者曜灵所有!未经允许,严禁转载!对非法转载者, 原作者保留采用法律手段追究的权利!
若需转载,请联系微信公众号:连先生有猫病,可获取作者联系方式!