Typora图片用PicGo+Github搭建图床.md


在csdn写新文章时导入.md文件图片不能正常显示,如图:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

可以搭图床。使用Typora的自带功能,当我们在Typora里插入图片时,能自动的上传至网络,并且得到图片的url连接!

一、前期准备

win10、CSDN、Typora、PicGo、Github

二、Github搭建图床

https://github.com/

2.1、新建仓库

image-20240521095912695

image-20240521100658171

image-20240521100840181

2.2、创建令牌

左边一栏往下拉直至出现developer settings

image-20240521100934589

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

输入密码。

image-20240522001431401

可以给令牌(token)做个Note(标记),然后选择令牌(token)截止时间。选择永久

选择 repo 权限,然后拉到底部,选择创建就行了。

image-20240522002217973

generate token。

image-20240522002240139

创建完毕后,获得token令牌,生成的Token是你的账户下的github服务器的令牌,最好用记录下来,后面会用到。

个人访问令牌(经典)的功能与普通 OAuth 访问令牌类似。他们 可以代替 Git over HTTPS 的密码,或者可用于 通过基本身份验证向 API 进行身份验证

image-20240522002501069

至此,我们就完成了GitHub上的配置操作。

三、PicGo配置Github图床

PicGo是一款优秀的图床工具,能够自动把本地图片上传至网络,并转换成可访问的链接。

下载地址:https://github.com/Molunerfinn/PicGo/releases

3.1、下载安装

根据自己的操作系统(Win/Linux/Mac)来下载安装包。

image-20240522003235325

根据需要选择。下一步。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

修改安装路径,不建议放在c盘下。

image-20240522003800397

3.2、运行、配置

运行后发现会发现PicGo怎么启动不起来,下边任务栏没有。其实它只是在右侧任务栏里

image-20240522005750147

image-20240522010108192

库名就是我们前面创建的Repository的名称,分支名就是main

随后的Token就是前面我们获取的token序号,存储路径可以空着,这里我指定到typora/下。

随后的自定义域名,可以填写https://cdn.jsdelivr.net/gh/kacika/Picture@main,这样可以在使用图床时获取一定加速,注意修改为自己仓库名。配置完毕,点击确定。

image-20240522011328939

3.3、试传

image-20240522012019534

切换到github图床后随意上传一张图片,上传成功后,相册下出现图片,同时在GitHub指定的仓库中也能找到我们上传的图片。

至此,我们就搭建好了自己免费、稳定的图床。如果只是需要构建图床,那么到这里就完成全部的操作了。

image-20240522012328749

四、typora设置

4.1、修改设置

文件、偏好设置

image-20240522012905962

图像、上传图片、PicGo(app)。

image-20240522013623200

五、上传成功,但验证失败,且typora中无法显示图片image load failed [6]

5.1、验证失败

这里显示上传成功但是一直验证失败,确认picgo服务器监听端口也是36677,据说是typora的bug,不用管。

image-20240524001638882

image-20240524004454599

5.2、不能正常显示图片 image load failed

打开文件C:\Windows\System32\drivers\etc\hosts

在末尾添加

  # GitHub Start 

  140.82.113.3      github.com
  140.82.114.20     gist.github.com

  151.101.184.133    assets-cdn.github.com
  151.101.184.133    raw.githubusercontent.com
  151.101.184.133    gist.githubusercontent.com
  151.101.184.133    cloud.githubusercontent.com
  151.101.184.133    camo.githubusercontent.com
  151.101.184.133    avatars0.githubusercontent.com
  199.232.68.133     avatars0.githubusercontent.com
  199.232.28.133     avatars1.githubusercontent.com
  151.101.184.133    avatars1.githubusercontent.com
  151.101.184.133    avatars2.githubusercontent.com
  199.232.28.133     avatars2.githubusercontent.com
  151.101.184.133    avatars3.githubusercontent.com
  199.232.68.133     avatars3.githubusercontent.com
  151.101.184.133    avatars4.githubusercontent.com
  199.232.68.133     avatars4.githubusercontent.com
  151.101.184.133    avatars5.githubusercontent.com
  199.232.68.133     avatars5.githubusercontent.com
  151.101.184.133    avatars6.githubusercontent.com
  199.232.68.133     avatars6.githubusercontent.com
  151.101.184.133    avatars7.githubusercontent.com
  199.232.68.133     avatars7.githubusercontent.com
  151.101.184.133    avatars8.githubusercontent.com
  199.232.68.133     avatars8.githubusercontent.com

  # GitHub End

保存,可以成功显示图片了。

参考资料如下,特此感谢:

1、配置Typora图床的保姆级教程!

2、Typora结合PicGo + 使用Github搭建个人免费图床

3、GitHub+PicGo搭建免费图床并在Typora内自动上传图片

4、picgo/typora图床配置问题汇总:你可能犯的错都在这里

5、【解决Typora图片不是显示问题】PicGo+Github+Typora+ onedrive/坚果云 实现笔记同步

6、Typora+PicGo+GItHub上传图片操作 [6]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值