[最新教程] typora + gitee + Picgo搭建图床
在用typora写md文件的时候,图片地址是在本地的,如果将md上传到其他平台(如CSDN),图片就会加载不出来。解决方案为利用Picgo将在我们编写md的过程中的图片自动快速上传至Gitee,并获取图片 URL 链接,这样图片就不是保存在本地,而是保存在图床上了。复制md至别的平台时,图片也能显示了。
具体步骤为:
-
下载Picgo
点击链接[Picgo官方教程][https://picgo.github.io/PicGo-Doc/zh/guide/#特色功能]下载应用
选择exe文件下载并下载安装。
注意 安装完成Picgo之后,应用不会自动弹出,我们在电脑右下角中找到并点击,可以看到Picgo主界面。
-
在Picgo中下载gitee插件
Picgo中默认支持github、腾讯云等图床,但没有Gitee。但为了国内快速访问我们选择Gitee。在插件一栏中搜索Gitee,并下载安装。
如果在安装插件过程中,报错需要Node.js的话,我们就去Node官网下载。
-
下载node node.js官网地址 ,选择安装位置,一路安装就好了
将node所在文件夹(我的安装位置是D:\node\),添加到 此电脑-属性-高级系统设置-系统变量-path中。
-
-
新建gitee仓库
-
生成gitee令牌
摸着右上角的头像,点击设置。在左侧中找到私人令牌。
生成新令牌,设置如下。复制好令牌,不要忘记哦~
-
配置Picgo
这一步很容易因为配置错误而失败。网上的教程很多都过时了,这里贴出实测可用的配置说明。
-
注意之前生成的仓库地址,repo为仓库名,就是地址最后一个参数
-
owner为用户名,就是地址倒数第二个参数。
点击设置为默认图床。为了测试配置是否成功,可以在Picgo里点击上传图片,如果gitee仓库里出现了的话,就是成了。
![image-20211030100718827](https://i-blog.csdnimg.cn/blog_migrate/811060bf027cb2585bfebe2850f91e64.png)
最后一步了,我们在typora中进行配置。点击文件-偏好设置。插入图片时选择无特殊操作,上传服务中选择picgo(app),然后选择picgo文件路径。最后点击验证图片上传选项,看是否成功。
![image-20211030101012258](https://i-blog.csdnimg.cn/blog_migrate/17fb10d11bcda8fd36c8e03c49471149.png)
插入图片时选择无特殊操作的原因是:图片上传至Gitee是实时的,但有时候我们写文档的过程中,会遇到一些想要撤销的图片。如果我们把它也上传到Gitee仓库的话,Gitee很快就会满了。所以编写文档的过程中,图片地址还是本地的。如存储在C盘。
当文档编写完毕之后,点击格式-图像-上传所有本地图片,就可以把最终版本的图片全都上传了。
我们可以看到图片的存储路径变成了gitee。
完结~