Typora加github加PicGo搭建图床使用教程以及踩坑记录

超详细的Typora+picGo+github上传图片配置教程以及错误总结

1.github操作

1.1. 点击右上角加号，选择第一个，新建仓库

1.2.配置仓库

1.3. 生成一个token，用于picgo访问github

• 点击左边菜单栏的developersetting

• 然后按下图点击

1.4.配置token，按下图配置之后直接点击最下面的绿色按钮生成token

• 使用时注意token有效期，过期后需要按此方法重新生成token，并更新PicGo图床配置里的token

1.5. 点击生成后会弹出一个token，该token只显示一次，请及时复制下来妥善保管（此处就不做演示了）

2. 下载并配置picGo

• 送上picGo和Typora（请确保自己的Typora版本在0.9.86之上）下载链接：
• https://pan.baidu.com/s/19hcIXNpdBRXEO9oeZvUiVA?pwd=7g6o 提取码:7g6o
• 也可自行前往github下载其他PicGo版本点击前往

双击上图红框里的文件，如果电脑有多个用户可选择为所有用户安装，否则建议选仅为我安装。

• 安装路径最好用全英文，位置按自己习惯选择就行，然后直接点安装（安装完成后双击图标如果没反应，可能是程序已经默认运行，请查看自己任务栏或隐藏托盘里是否已有PicGo图标，有的话直接点击图标打开）

2.1.安装后打开，进行下面的配置

仓库名：[github用户名]/[第一步新建的仓库名称]

分支：默认master，从2020.10.01开始，github的默认分支名变更为main

设定token：上面创建的token

指定存储路径：可填可不填，如果填写了，图片就会存储在仓库的img文件夹下

域名：原本的域名应该是这样的https://raw.githubusercontent.com/huntermyx/blogImage/main。但是按照原来的域名上传图片会很慢，所以可换成以下域名，你们只需要修改仓库名（huntermyx/blogImage）就可以了，其他不用变：

http://(cdn/fastly/gcore三选一).jsdelivr.net/gh/huntermyx/blogImage@main。

• 设置server，将端口号改为36677，同时打开时间戳命名以防止图片名字重复而导致上传失败

• 如果安装成功，picGo不能正常使用，则可以用兼容模式启动（找到PicGo右键选择属性，并勾选下面选项）

3. 配置Typora

• 出现如下界面即表示上传成功

• 在PicGo中可查看上传的图片

• 之后当我们复制图片到Typora时就会自动上传到github图床，外链就可以正常访问我们本地的图片了。我们也可以直接在PicGo的上传区选择图片上传。

报错总结（如果按照上面教程操作还是报错）：

1.检查PicGo设置的server端口是否是36677，有时候PicGo打开了多个窗口会变成366771，请确保PicGo只有一个进程。

2.检查是否打开了fastgithub（或PicGo里其他有冲突的插件），如果有请关闭

3.如果上传成功但PicGo相册不显示，Typora中无法加载，github上也无法查看，请修改hosts文件

• 前往：C:\Windows\System32\drivers\etc\hosts
• 将hosts文件复制到桌面，用记事本打开，在后面添加下面的代码，然后把修改后的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

4.Typora插入的图片显示太大

• 首先查看自己当前Typora使用的是什么主题,本人是github.css

• 前往Typora主题目录，选择github.css

• 在最后加上

img{
    zoom: 50%;
}

暂时只想到这么多啦~ 欢迎大家指正，在评论区多多交流~