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

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

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

一、前期准备

win10、CSDN、Typora、PicGo、Github

二、Github搭建图床

https://github.com/

2.1、新建仓库

2.2、创建令牌

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

输入密码。

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

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

generate token。

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

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

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

三、PicGo配置Github图床

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

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

3.1、下载安装

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

根据需要选择。下一步。

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

3.2、运行、配置

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

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

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

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

3.3、试传

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

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

四、typora设置

4.1、修改设置

文件、偏好设置

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

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

5.1、验证失败

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

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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

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

参考资料如下，特此感谢：

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

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

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

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

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

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