「时光不负,创作不停,本文正在参加2021年终总结征文大赛」
VSCode+PicGo+Github搭建免费Markdown图床
当你在写markdown文档的时候,在没有买OSS储存资源的情况,有没有为在线图片烦恼,上传到别人的图床后发现不稳定图片资源被删了, 带领大家做一个自己的稳定图床。
vscode是一个扩展性极强的编辑器,插件非常丰富,在下载了 Markdown All in One
插件之后作为Markdown编辑器非常好用。既可以预览,对语法的支持也非常好,唯一的一点缺点就是不能上传图片,以至于每次写博客的时候都要切到网站上粘图片再拷贝连接回来,非常麻烦。
Github设置
注册登陆
官网地址:github.com
创建仓库
点击“+
”号,新建仓库 New repository
设置仓库名————设置为公开————创建初始化文件————下一步
生成token个人访问令牌
1.生成设置Settings
2.开发人员设置Developer settings
3.个人访问令牌————生成新令牌
4.填写信息
5.复制token密钥只展示一次,切记保存!!! 如果忘记了就再新建即可
PicGo
下载安装
- 官网下载地址:molunerfinn.com/PicGo
- Github地址:github.com/Molunerfinn…
配置
- 设置仓库名:
用户名/仓库名
- 设定分支名:之前默认是
master
,现在是main
- 设定Token:就是刚才复制的那一段令牌密钥
- 下面两个非必填
VScode 配置
如同PicGo设置一样
Jsdelivr cdn加速
自定义域名
默认使用github的链接有时候不稳定,毕竟是外网
https://raw.githubsercontent.com/用户名/仓库名/分支
下面我们修改成cdn加速的
https://cdn.jsdelivr.net/gh/GitHub用户名/仓库名
最后如何取得图片资源
仓库在github指定文件夹下, 取得的资源就用cdn加速链接来,可以在PicGo点击复制即可使用
可配置PicGo设置便捷快捷键操作
复制出来的经过cdn加速的链接: cdn.jsdelivr.net/gh/fqcto/im…