Typora+Github+PicGo搭建笔记图床

Typora+Github+PicGo搭建笔记图床

写在前面

本人使用的是typora+github+gpg方式进行的笔记撰写，在typora中插入图片网上推荐的教程基本都是picgo图床的方式。然而在本人搭建的过程中遇到了很多耽误进程的问题，特此记录下来望能给予和我有一样需求的人以帮助，尽快完成博客图床的搭建。如有不对请批评指正。

正文

一. 简单了解

• typora一个写md格式文件好用的工具；
• picgo一个图片上传图床工具，可与typora配合直接在typora中调用picgo上传图片；
• github作为存放md文件以及图片的仓库，后续访问的链接也是github提供的。

二.为什么使用github？

github国内访问的速度不是很快，为什么还要使用github呢？

其实本来我也是使用gitee作为图床仓库的，访问速度快配置难度也不大。但是配置好后md文件中怎么都不能显示图片，picgo的相册里也看不到图片。后续去了解才知道gitee加了防盗链（报道指路：https://cloud.tencent.com/developer/article/1964208 ）。虽然之前是好用的，但是毕竟笔记图片还是要求一个稳定性不能说突然某天因为政策的变化（或其他原因）导致图片都无了，因此放弃gitee。其余一堆云（腾讯云阿里云七牛云等），目前暂时不想花钱买也不想有时间限制的使用因此放弃。

三.下载与配置

picgo下载：推荐使用山东大学镜像下载，指路：https://mirrors.sdu.edu.cn/github-release/Molunerfinn_PicGo/

配置：

1. 建立github仓库
   
   

2. 创建个人令牌（Token）
   
   
   

最后点击Generate token即可创建。
注意：创建完毕后有且仅会出现一次Token的值，务必复制下来后续配置需要用到。

到此github配置完成，除了网络比较卡是不是贼简单

3. PicGo配置

• 设定仓库名：此处配置github用户名/刚刚创建的仓库名。可以点击仓库然后直接复制浏览器地址栏中的https://github.com/ 后面的内容，注意开头没有/。
• 设定分支名：此处填写main，创建仓库的时候默认使main，填写master后续上传图片会报错。
• 设定Token：此处填写刚刚复制的Token即可，忘了复制需要重新创建。
• 指定存储路径：如果想把图片放在文件夹下可在此处填写，例如imgs/。别忘了/，如果无/则会变成文件名的前缀。此为可选项。
• 设定自定义域名：此处填写**https://raw.githubusercontent.com/用户名/仓库名/分支名 **，此处填写的作用是在图片上传成功后，picgo会根据“自定义域名+图片文件名”生成访问链接放在剪切栏中，供访问使用。此处务必填写！！！
  

4. Typora配置

   在typora的偏好设置中进行如下配置，后续通过typora上传本地图片会自动将图片上传到github仓库中去。
   

5. 测试使用

   可以通过picgo上传区上传一张图片测试，上传成功后去github仓库中应该可以看到刚刚上传的图片。在picgo的相册区应该也能看到对应图片。如果访问不到请往下看~

四.一些额外配置

经过以上的操作整体的配置就完成了。但是由于网络问题可能会出现https://raw.githubusercontent.com/用户名/仓库名/分支名/图片路径 无法访问的情况，此时需要在windows 的host文件中（C:\Windows\System32\drivers\etc\hosts）配置对应的域名和ip。

185.199.108.133 raw.githubusercontent.com
185.199.109.133 raw.githubusercontent.com
185.199.110.133 raw.githubusercontent.com
185.199.111.133 raw.githubusercontent.com
此处域名对应的ip可以在https://www.ipaddress.com/网站查询到。

配置完此处之后重新看下应该一切正常了。

最后在下面贴一下本人自己使用的github有关的域名host文件配置信息：

140.82.112.4 github.com 
199.232.69.194 github.global.ssl.fastly.net
185.199.108.153 assets-cdn.github.com
185.199.109.153 assets-cdn.github.com
185.199.110.153 assets-cdn.github.com
185.199.111.153 assets-cdn.github.com
185.199.108.133 raw.githubusercontent.com
185.199.109.133 raw.githubusercontent.com
185.199.110.133 raw.githubusercontent.com
185.199.111.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
151.101.184.133 avatars1.githubusercontent.com
151.101.184.133 avatars2.githubusercontent.com
151.101.184.133 avatars3.githubusercontent.com
151.101.184.133 avatars4.githubusercontent.com
151.101.184.133 avatars5.githubusercontent.com
151.101.184.133 avatars6.githubusercontent.com
151.101.184.133 avatars7.githubusercontent.com
151.101.184.133 avatars8.githubusercontent.com

至此Typora+Github+PicGo笔记图床搭建完毕。

如果有啥别的问题欢迎留言讨论~