图床就是存储图片的服务器,允许你把图片上传到服务器上,通过链接进行访问。目前很多图床都是免费的,但是大多数图床都有存储容量限制,有的还需要为此购买一个域名备案,使用起来很拘束。使用Github作为图床的优点是免费不限容量配置简单,不担心厂商跑路问题,一劳永逸~
1. 注册Github账号
- 这个不用多说了
2.新建仓库
- 在Github主页点击左上方的new按钮,准备新建仓库
- 输入仓库名、仓库描述、选择仓库为公开的、初始化README文件,点击【Create repository】按钮创建仓库
3.生成一个Token
Token是服务端生成的一串字符串,以作客户端进行请求的一个令牌,客户端只需带上这个Token前来请求数据即可,无需带上用户名和密码。
Token的目的是为了减轻服务器的压力,减少频繁的查询数据库,使服务器更加健壮。
- 在主页点击右上角的个人头像,依次选择【Settings】-【Developer settings】-【Personal access tokens】,跳转到这个界面
- 点击【Generate new token】,输入登录密码,填写好描述,勾选【repo】,然后点击【Generate token】(拉到最底部可以看到),生成一个Token(很长很长~)。
- 注意!!!这个Token只会显示一次,自己先保存下来,或者等后面配置好PicGo后再关闭此网页
4. 配置PicGo
PicGo是一个图床管理软件,配置后可以很方便的进行图片上传的操作,还有很多插件的支持,例如上传图片自动压缩、添加水印等… … 最重要的是可以与Typora进行交互,实现书写markdown中粘贴即上传的效果!
- PicGo在Github的页面:https://github.com/Molunerfinn/PicGo
- 不想找的可以直接用这个(2.2.2):https://github.com/Molunerfinn/PicGo/releases/download/v2.2.2/PicGo-Setup-2.2.2.exe
- 下载安装好后,打开软件,选择【图床设置】->【GitHub设置】,跳转到如下界面:
- 配置说明
- 【仓库名】-> 指定图片存储在哪个仓库:
你的用户名/仓库(图床)名
。 - 【设定分支名】 -> 指定一个分支:master
- 【Token】 -> 通信标识:
步骤3生成的Token
- 【指定存储路径】 -> 在仓库下具体存储路径,会自动创建此文件夹:
路径/
- 【自定义域名】 -> 它的作用是,在图片上传后,PicGo 会按照【自定义域名+储存路径+上传的图片名】的方式生成访问链接,并放到粘贴板上,因为我们要使用 jsDelivr 加速访问,所以可以设置为:
https://cdn.jsdelivr.net/gh/用户名/图床仓库名
- 【仓库名】-> 指定图片存储在哪个仓库:
- 点击确定,保存设置。根据需求设为默认图床。
5.配置免费CDN:jsDelivr
CDN:内容分发网络。配置使得网络传输的更快,更稳定。
jsDelivr:是一个免费开源的 CDN 解决方案
-
新建GitHub仓库,参考步骤2
-
克隆项目到本地(需要安装git)
-
在本地右键->【Git Bash Here】,执行
git clone [复制的地址]
-
随便选择一个文件放到本地git库中,右键->【Git Bash Here】执行以下命令(第一次使用git需要指定邮箱和用户名)
git status //查看状态 git add [文件] //添加文件到暂存区 git commit -m "第一次提交" //提交到仓库 git push //推送至远程仓库
-
在github项目主页面,点击【Create a new release】
-
自定义版本号,点击【Publish release】按钮发布
-
配置完成,使用方法:
https://https://cdn.jsdelivr.net/gh/用户名/仓库名@版本号/文件路径
6.配置Typora
进行如下配置后,可以在编写markdown时直接粘贴图片,Typora会调用PicGo,实现图片上传。
-
要求Typora的版本在0.9.84及以上,版本低于此的,【偏好设置】-【版本更新】
-
打开PicGo 【设置】 -【设置Server】,进行如下配置(一般都为默认)
-
打开Typora,选择【偏好设置】 - 【图像】
-
进行如下设置
-
点击验证图片上传选项,观察success是否为true。成功之后打开GitHub图床仓库,就可以看到两个Typora的图标了~说明配置非常成功。
-
现在在Typora中粘贴图片,会自动上传到Github图床,并且自动替换连接,非常省心省事~~~