当前位置: 代码迷 >> 综合 >> github+picgo+typora搭建图床
  详细解决方案

github+picgo+typora搭建图床

热度:50   发布时间:2023-12-03 20:12:31.0

?前言

这篇blog之前我的图片,基本都是截图先push到github,然后更新版本号,利用jsdelivr的图片url显示在bolg。

真的是又费劲又费时(我都懒得多加截图了)。

当你get到这个小技巧之后,保证你的markdown写blog事半功倍,以后截图想发多少发多少,MM再也不用担心我更新截图费时了emmm。

参考 官方配置文档

?准备工作

?github

1.注册github github地址。

2.创建一个新项目,用来存储图片。

3.生成一个token用于PicGo操作你的仓库:

访问:https://github.com/settings/tokens

然后点击Generate new token

img

把repo的勾打上即可。然后翻到页面最底部,点击Generate token的绿色按钮生成token。

img

**注意:**这个token生成后只会显示一次!你要把这个token复制一下存到其他地方以备以后要用。img

?Picgo

1.下载地址

选择下载类型:

image-20200429122744588

2.解压安装到非英文目录

3.配置picgo

image-20200501000133961

仓库名——github名/项目仓库名

分支——默认主分支master即可

Token——在github中保存的token

存储路径——项目下的子目录

自定义域名——这里用的是cdn.jsdelivr.net提升图片的加载速度
image-20200429123313176

重命名——在上传图片的时候可以给图片重命名(默认时间命名)

别的就不一一介绍了。

?Typora

1.下载安装最好用的markdown编辑工具

typora官网

2.配置typora

文件->偏好设置

根据我图中配置即可:

image-20200429123856196

上传服务: 选择PicGo(app)

PicGo路径:选择你安装的PicGo下的exe文件

?开始工作

1.截图粘帖到typora中

2.右击图片——>上传图片——>重命名——>上传成功

3.可以在picgo和github仓库中看到刚上传的图片

image-20200429124835507

?踩坑记录

1.敲黑板

之前没用jsdelivr的服务,发现图片在挂代理的时候可以加载,不挂代理很难加载出来。

这里强烈建议大家去了解jsdelivr的用法。

基本用法:

cdn.jsdelivr.net/gh/github名/仓库名/文件名

2.验证失败可能因为你已经验证成功并把两张图上传到github图床了

解决:请去github仓库删除 typora-icon.png typora-icon2.png两张图 并重新检测

3. 出现 Failed to fetch

image-20200429125648343

解决:确认在PicGo中打开了Server服务,监听端口与typora检验端口保持一致

4.上传失败

有可能是网速的原因,建议多上传几次试试。

5.就是不行???

有可能是代理的问题,关闭代理,重启电脑。

  相关解决方案