VSCode+PicGo+Github搭建免费Markdown图床

VSCode+PicGo+Github搭建免费Markdown图床

当你在写markdown文档的时候,在没有买OSS储存资源的情况,有没有为在线图片烦恼,上传到别人的图床后发现不稳定图片资源被删了, 带领大家做一个自己的稳定图床。

vscode是一个扩展性极强的编辑器,插件非常丰富,在下载了 Markdown All in One 插件之后作为Markdown编辑器非常好用。既可以预览,对语法的支持也非常好,唯一的一点缺点就是不能上传图片,以至于每次写博客的时候都要切到网站上粘图片再拷贝连接回来,非常麻烦。

Github设置

注册登陆

官网地址:github.com

创建仓库

点击“+”号,新建仓库 New repository

新建仓库

设置仓库名————设置为公开————创建初始化文件————下一步

初始化仓库

生成token个人访问令牌

1.生成设置Settings 设置Settings

2.开发人员设置Developer settings 开发人员设置settings

3.个人访问令牌————生成新令牌 个人访问令牌

4.填写信息 填写信息

5.复制token密钥只展示一次,切记保存!!! 如果忘记了就再新建即可 token密钥

PicGo

下载安装

配置

  • 设置仓库名:用户名/仓库名
  • 设定分支名:之前默认是master,现在是main
  • 设定Token:就是刚才复制的那一段令牌密钥
  • 下面两个非必填

PicGo设置

VScode 配置

如同PicGo设置一样 VScode设置

Jsdelivr cdn加速

自定义域名

默认使用github的链接有时候不稳定,毕竟是外网

https://raw.githubsercontent.com/用户名/仓库名/分支

下面我们修改成cdn加速的

https://cdn.jsdelivr.net/gh/GitHub用户名/仓库名

最后如何取得图片资源

仓库在github指定文件夹下, 取得的资源就用cdn加速链接来,可以在PicGo点击复制即可使用

github文件夹 PicGo复制

可配置PicGo设置便捷快捷键操作

快捷键PicGo操作

复制出来的经过cdn加速的链接: cdn.jsdelivr.net/gh/fqcto/im…

猜你喜欢

转载自juejin.im/post/7031461637986975757