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文件,打开(用文本编辑),然后复制以下内容进去就可以


```bash

# 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创建图片仓库

首先创建gitee账号:https://gitee.com/

点+号------新建仓库

按如下图所示这样配置:

这里有个坑,仓库名称出现大写或者使用_下划线等符号,下面路径会自动变小写。这里要注意区分名称和路径,不然在待会配置很容易出现{success:“false”}的情况。

为了方便起价,我仓库名都用小写。

获取新令牌

点击头像–设置–安全设置—私人令牌----生成新令牌,将生成好的令牌复制好,只会出现一次。

五、配置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里的这三个按钮,在每次图片上传之前重命名图片,有利于之后笔记中图片整理和分类。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,080评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,422评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,630评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,554评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,662评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,856评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,014评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,752评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,212评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,541评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,687评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,347评论 4 331
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,973评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,777评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,006评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,406评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,576评论 2 349