mac中Typora+PicGo图床+gitee 保姆级教程

由于之前错误在桌面执行了git clean导致桌面里的笔记全没了之后，深刻意识到备份的重要性。但是实时备份有时候会忘记，不如每次写完上传云端一劳永逸，还能做一个分享～

记笔记时使用的是Typora，界面清爽，快捷键友好，但是最大的问题是图片的路径问题。

• 在本地使用的时候，所有的图片要不就是复制的，它会自动加到typora下的文件夹，然后Typora引用该地址，或者就是我们特定插入某张图片，引用的也是这张图片本身的地址。但这有个最大的问题，就是当你不小心移动了图片或者删除了图片，在Typora中就无法正常显示了；
• 上传blog或github等技术性网站时就更麻烦了，当你把在本地写好的.md文件直接复制上去，你会发现，网页无法读取到本地文件，图片也显示不出来。
• 总而言之，如果你只是单纯写文字，Typora就足够了，但是当你需要在里面插入图片，那么会相当不方便。

一、PicGo图床

单纯的使用Typora显然是不方便的，这个时候我们要借助PicGo这个图床软件，将我们.md文件中的图片实时上传到云端。由于url往往是固定的，无论在本地或是上传到blog上，引用的都是固定的url，就不用担心本地图片被移动或者上传blog无法读取图片的问题了。
简而言之，使用PicGo能够解决图片在本地或网站上的显示问题。

那究竟上传到哪个图床，有非常多的选择项，类似于默认的SM.MS图床，腾讯云COS等等，由于考虑到操作的方便性，且我一般只是记录typora才会用到图床，并没有云端存储图片的习惯。刚开始我优先选择的是Github，毕竟使用的也比较多，但是出现了两个问题：

二、github做图床

• github上的图片无法正常显示：
  解决办法是打开finder ,在前往里面选择前往文件夹(快捷键shift+command+g)，hosts文件目录/etc/hosts,
  在弹出框里输入 etc 然后就到了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

当你想要编辑时，会出现以下提示：您没有权限写到文件“hosts”所在的文件夹
解决方法：点击复制-保存到桌面，然后在副本中修改，修改完之后将桌面上的host_副本改成host，替换etc目录下的host

这样github就能显示图片了

• 但是github实在是太慢了，无论是加载还是访问都慢的不行，体验感很差。

三、用gitee做图床

这个时候我就想到了gitee，访问速度非常快，体验感很好，但是刚下载下来的PicGo是不自带gitee图床的，我们需要下载插件，在插件设置里搜索gitee：

两个都可以用，但是两者的配置略微不同，我用的是右边这个，gitee-uploader 1.1.2。
在配置之前，首先我们要在gitee创建仓库并生成令牌

四、gitee创建图片仓库

1. 首先创建gitee账号:https://gitee.com/
2. 点+号------新建仓库
   
3. 按如下图所示这样配置：
   这里有个坑，仓库名称出现大写或者使用_下划线等符号，下面路径会自动变小写。这里要注意区分名称和路径，不然在待会配置很容易出现{success:“false”}的情况。
   为了方便起价，我仓库名都用小写。
   
4. 获取新令牌
   点击头像–设置–安全设置—私人令牌----生成新令牌，将生成好的令牌复制好，只会出现一次。
   

五、配置PicGo

我选择的gitee插件是gitee-uploader 1.1.2，配置如下：

另一个插件的配置略微不同，配置十分重要，要是没配置对，图片是无法自动上传的。

• repo就是url地址栏gitee.com后面的部分，即baolk/typora_images

• token就是就是你刚复制的新令牌，填入即可
• path，我们一般填img即可
• customPath和customUrl不填也可以
  配置完之后我们可以在上传区测试，如果图片顺利上传到gitee，则配置成功，如果没有反应就要考虑下配置的参数问题，就是我前面提的repo的大小写问题等
  

六、Typora+PicGo

PicGo配置完成后，确定能上传图片到gitee后，我们将PicGo配置到Typora，联动使用。
打开Typora—偏好设置—图像—上传服务设定选择PicGo.app
点击验证图片上传选项

出现如下所示则验证成功

若出现{“success”:“false”}，检查PicGo里的Server是否是如下所示
，地址为127.0.0.1，监听端口是36677

全部完成之后，我们就可以使用Typora+PicGo+gitee随时保存图片了，这里强烈建议打开PicGo里的这三个按钮，在每次图片上传之前重命名图片，有利于之后笔记中图片整理和分类。