typora+github+PicGo 实现图片上传管理

前言

Typora一款轻便简洁的Markdown编辑器，现在使用者已经愈来愈多。在使用时我们经常会上传图片，这些图片默认保存在本地上，时间久了，会累计很多图片，特别占内存；更麻烦的是如果图片路径改变，文档中使用的图片将无法显示，所以将图片作为外链引入，将是很好地解决办法，下面介绍自己使用的图片管理方法。

• 可以通过github或码云创建仓库作为图片托管，再安装PicGo配置图床进行图片的上传，Typora提供了图像上传配置，进行关联即可实现图片在线上传。
• 涉及软件工具下载：
  PicGo下载
  Typora下载
  百度网盘下载： https://pan.baidu.com/s/1MRIMclq7Uln4RWqjsKd5XQ 提取码：5cso

1、避免采坑

1.1 解决github访问缓慢

• 首先，可以通过访问 https://www.ipaddress.com/ 查询对应IP地址，然后在hosts文件，配置网址域名
• 例如，访问github.com查询到IP地址如下：
  
• 有些时候存在多个地址，其中也包括访问较慢的Ip，可以通过网络诊断工具，如：ping 140.82.112.4
  
• 使用记事本打开hosts文件（以Windows为例）：
• C:\Windows\System32\drivers\etc\hosts
• 添加如下内容：
• 140.82.112.4 github.com
• 保存后，刷新DNS：
• ipconfig/flushdns
  

1.2 图片上传成功后无法正常显示

• 需要在hosts文件配置raw.githubusercontent.com的IP
• 185.199.108.133 raw.githubusercontent.com
  
• 当然按照上述可以直接在hosts文件添加下面配置：

# GitHub Start
140.82.112.4 github.com
140.82.113.3 gist.github.com
199.232.69.194 github.global.ssl.fastly.net
185.199.108.133 raw.githubusercontent.com
# GitHub End

2、Typora+GitHub+Picgo实现图片上传

2.1 GitHub创建图床仓库

1. 创建一个typora-img仓库，注意仓库类型需要选择Public公开选项。
   
2. 可选择创建用于存放图片的目录，这里为imgs（如不创建，可直接选择 / 根目录）。
   
3. 创建token。可通过选择Settings ——> Developer settings——> Personal access tokens，点击Generate new token创建token。特别注意：创建成功后，token只显示一次，记得复制保存起来，下面需要用到
   
   

2.2 PicGo实现图片上传

1. 自定义安装PicGo，首先选择“PicGo设置”，点击“设置Server”，开启Server，设置监听地址为主机127.0.0.1，端口号为36677
   
2. 将“时间戳重命名”开启，避免上传图片重名
   
3. 选择“图床设置”——>“GitHub图床”，进行设置。
   仓库名： 使用 用户名 + 仓库名
   分支名： 默认为master或main（看仓库具体分支是什么）
   token： 使用上述创建的token
   存储路径：不必填，这里使用上述创建仓库的imgs目录
   自定义域名：不必填，可使用格式：https://raw.githubusercontent.com/[用户名]/[仓库名]/master
   
4. 设置完成后,选择“上传区”，上传图片测试，上传成功会弹出提示；
   
5. 点击“相册”查看是否上传显示
   
6. github查看图片是否上传成功

2.3 Typora配置实现

1. 下载安装Typora，通过“文件”——>“偏好设置”——>“图像”，进行配置PigGo。其中，
   上传服务：选择PicGo（app）
   PicGo路径：选择到PicGo.exe

2. 点击“验证图片上传选项”，如下即为成功

3. 通过Typora上传图片，注意图片url的变化，未上传时，url为本地地址，选择“上传图片”，上传成功后，url为服务器地址


查看github已经上传成功