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

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

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

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

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

一、PicGo图床

mac中Typora+PicGo图床+gitee 保姆级教程
单纯的使用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
mac中Typora+PicGo图床+gitee 保姆级教程
这样github就能显示图片了mac中Typora+PicGo图床+gitee 保姆级教程

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

三、用gitee做图床

这个时候我就想到了gitee,访问速度非常快,体验感很好,但是刚下载下来的PicGo是不自带gitee图床的,我们需要下载插件,在插件设置里搜索gitee:
mac中Typora+PicGo图床+gitee 保姆级教程
两个都可以用,但是两者的配置略微不同,我用的是右边这个,gitee-uploader 1.1.2。
在配置之前,首先我们要在gitee创建仓库并生成令牌

四、gitee创建图片仓库

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

五、配置PicGo

我选择的gitee插件是gitee-uploader 1.1.2,配置如下:
mac中Typora+PicGo图床+gitee 保姆级教程
另一个插件的配置略微不同,配置十分重要,要是没配置对,图片是无法自动上传的。

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

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

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

六、Typora+PicGo

PicGo配置完成后,确定能上传图片到gitee后,我们将PicGo配置到Typora,联动使用。
打开Typora—偏好设置—图像—上传服务设定选择PicGo.app
点击验证图片上传选项
mac中Typora+PicGo图床+gitee 保姆级教程
出现如下所示则验证成功
mac中Typora+PicGo图床+gitee 保姆级教程
若出现{“success”:“false”},检查PicGo里的Server是否是如下所示
,地址为127.0.0.1,监听端口是36677
mac中Typora+PicGo图床+gitee 保姆级教程
全部完成之后,我们就可以使用Typora+PicGo+gitee随时保存图片了,这里强烈建议打开PicGo里的这三个按钮,在每次图片上传之前重命名图片,有利于之后笔记中图片整理和分类。
mac中Typora+PicGo图床+gitee 保姆级教程

原创:https://www.panoramacn.com
源码网提供WordPress源码,帝国CMS源码discuz源码,微信小程序,小说源码,杰奇源码,thinkphp源码,ecshop模板源码,微擎模板源码,dede源码,织梦源码等。

专业搭建小说网站,小说程序,杰奇系列,微信小说系列,app系列小说

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

免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。

您必须遵守我们的协议,如果您下载了该资源行为将被视为对《免责声明》全部内容的认可-> 联系客服 投诉资源
www.panoramacn.com资源全部来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。 敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:2640602276@qq.com
未经允许不得转载:书荒源码源码网每日更新网站源码模板! » mac中Typora+PicGo图床+gitee 保姆级教程
关注我们小说电影免费看
关注我们,获取更多的全网素材资源,有趣有料!
120000+人已关注
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

您的打赏就是我分享的动力!

支付宝扫一扫打赏

微信扫一扫打赏