作者:杂食老翟
链接:https://www.zhihu.com/question/501075370/answer/2683954521
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
Typora是一款非常好用的富文本Markdown编辑器,笔者在它转为买断制后,依然选择了付费使用。但是写作过程中发现有一个很大的问题,就是当你在写作时插入图片,图片会以本地路径储存,当你将markdown文件上传至CSDN、知乎等网站时,就会出现不可查看图片的问题(如下图),如何解决这个问题呢?本教程利用 Typora,Gitee, PicGo解决此问题。
![](https://img-blog.csdnimg.cn/img_convert/1f8efb582e7ae47a7ea62bdef677e697.png)
在这里插入图片描述
Step1. 注册Gitee账号
https://gitee.com/ 注册流程因为太简单就省略了
Step2. 配置图床仓库
注册完成后,点击右上角的“+”,选择“新建仓库”
![](https://img-blog.csdnimg.cn/img_convert/2f9357dc241c113d6594effdf29fa592.webp?x-oss-process=image/format,png)
在这里插入图片描述
输入仓库名称,这个你随便起,路径会根据你仓库名自动生成,不用改。
![](https://img-blog.csdnimg.cn/img_convert/ceb4f35adede6c84f40f9a703b2d6703.webp?x-oss-process=image/format,png)
在这里插入图片描述
关于“开源”“私有”,我们要选择开源(别人才能看到),但这里只能选择“私有”,等我们完成创建仓库后,教程在下边会教你修改。
创建仓库完成后,点击仓库,找到“管理”。
![](https://img-blog.csdnimg.cn/img_convert/0f8a8b514b910b5014477fbcfcf620a5.png)
在这里插入图片描述
在这里选择开源,并保存。
![](https://img-blog.csdnimg.cn/img_convert/4445c656981aedf8caddaa7f3cb46e57.webp?x-oss-process=image/format,png)
在这里插入图片描述
Step3. 生成私人令牌
依旧是在gitee页,点击右上角你的账户头像,选择“设置”。
![](https://img-blog.csdnimg.cn/img_convert/4f0ec66f1ebfd599d4e728c6de3ae724.png)
在这里插入图片描述
在左边找到“私人令牌”。
![](https://img-blog.csdnimg.cn/img_convert/a52db4e1bd5beeef0ef1a41b95b2f65c.webp?x-oss-process=image/format,png)
在这里插入图片描述
点击“生成新令牌”,勾选如下信息,点击“提交”。
![](https://img-blog.csdnimg.cn/img_convert/71d47a5cafa6a6a44bab49e4d07c49fe.webp?x-oss-process=image/format,png)
在这里插入图片描述
你的私人令牌就生成完毕了,因为之后就看不到了,要存一下(譬如发给微信小号什么的)。
![](https://img-blog.csdnimg.cn/img_convert/ca1812245607b83d2ffed542bfa16f5a.webp?x-oss-process=image/format,png)
在这里插入图片描述
Step4. 安装Node.js
因为我是学计算机的,之前安装过,这里就不再介绍了,放个教程在这。 链接: 安装node.js
Step5. 安装PicGo与下载所需插件
这里放一下链接,找自己电脑系统的下载安装即可。 链接: PicGo
![](https://img-blog.csdnimg.cn/img_convert/4cbae2ce82f17933d8d8b3bf1a5109b6.webp?x-oss-process=image/format,png)
在这里插入图片描述
傻瓜安装,一步就好,默认大家都不会出现问题。
![](https://img-blog.csdnimg.cn/img_convert/b667ed521ffaa3b28b390e234875d371.webp?x-oss-process=image/format,png)
在这里插入图片描述
打开软件,在左边找到”插件设置“,搜索gitee-uploader。
![](https://img-blog.csdnimg.cn/img_convert/a6bb118ba0d31fd3a8396ac9e7aaa4b8.webp?x-oss-process=image/format,png)
在这里插入图片描述
安装完成后,在图床设置里找到gitee: repo:填写https://gitee.com/后的内容,也就是你的用户名/仓库名,举例:zhangsan/repo。别填错了,如下下图所示; branch:默认都是master,不用改; token:之前让你存的私人令牌; 点击确认,设为默认图床。 退出软件,重新打开。
![](https://img-blog.csdnimg.cn/img_convert/a9327cbac55cc5837153b60bcb441bc3.webp?x-oss-process=image/format,png)
在这里插入图片描述
![](https://img-blog.csdnimg.cn/02e668bb8e7a4db8806e3592b364d514.png)
在这里插入图片描述
Step6. 配置Typora
打开Typora,左上角 ”文件“ → ”偏好设置“ → ”图像“。
插入图片时 ”无特殊操作“ 改为 ”上传图片“; 勾选以下三个选项; 上传服务 ”无“ 改为 ”PicGo(app)"; 找到你刚才安装PicGo的路径,(也可能系统自己就找到了)
![](https://img-blog.csdnimg.cn/img_convert/71a7d9b1592eae650cbe4257b95d9ea5.webp?x-oss-process=image/format,png)
在这里插入图片描述
点击”验证图片上传选项“,应该就成功了,然后在自己的gitee repo也可以看到测试上传的图标图片。