typora每次复制文档都要附带图片文件夹?学会配置gitee图床

0. 引言

作为开发人员,我们习惯使用md格式来编写文档,特别是typora编辑器更是日常使用的软件。但作为轻量化的文档编辑器,我们在默认插入图片时,一般typora会将图片保存到本地或者引用一个本地图片的路径

当文档还在我们本地打开时还没什么,一旦我们需要将文档发送给他人时,往往需要连带着图片文件夹一起发送,这非常不方便,能不能让图片自动上传到某个服务器呢,别人查看时就直接从服务器获取图片查看。

这就涉及到构建typora图床

1. 什么是图床

我们通过chatGPT得到答案,可以看到就是一个图片存储服务器。但我们自己又没有服务器,那怎么构建呢。
在这里插入图片描述
我们可以利用gitee提供的图床服务来实现

2. 步骤

1、因为gitee是国内网站,速度较快,所以选择gitee作为图床服务,进入gitee(https://gitee.com/),创建一个仓库,名称自取,选择分支模型为单分支模型,因为我们不传代码,无须审批合并,因此只需要一个master分支就可以

设置模版中勾选上readme文件,可以初始化一个文件,否则空仓库不允许设置为开源
在这里插入图片描述

2、点击管理,勾选上开源

在这里插入图片描述

3、然后点击个人头像,点击设置,进入到设置页面

在这里插入图片描述

4、点击私人令牌,点击生成新令牌

在这里插入图片描述

5、输入令牌描述,权限仅需勾选user_info,projects,点击提交

在这里插入图片描述

6、输入密钥,进行校验

在这里插入图片描述

7、然后就可以看到生成的令牌了,注意这里的令牌一定要先复制到本地保存,然后再关闭,关闭后是无法再查看令牌的

在这里插入图片描述

8、然后我们要安装一个软件来实现图片自动上传,可以在typora的设置-图像中看到,上传服务中有一个picGo。

我们将插入图片时设置为上传图片,勾选如图所示选项,上传服务选择picGo

我们点击下载picGo,将跳转其官网:https://molunerfinn.com/PicGo/

在这里插入图片描述

9、点击下载即可,会跳转到github的地址

在这里插入图片描述

10、选择最新的版本,并且选择适合你电脑的版本,比如我这里是m1的,选择arm版本的

在这里插入图片描述

11、下载后双击安装即可

12、因为picGo是基于node.js运行的,需要安装node.js。这里可以在官网(http://nodejs.cn/download/)下载安装

其安装流程可参考这篇文章:https://zhuanlan.zhihu.com/p/567556210
在这里插入图片描述

13、打开picGo,进入插件设置,搜索gitee插件,点击安装gitee-uploader

注意这里受国内网络限制,搜索可能会查不出来,可以开个加速器
在这里插入图片描述

14、npm安装gitee插件

cd 指定的安装目录
npm install picgo-plugin-gitee-uploader

15、安装完成后重启picGo

16、在picGo中点击图床设置,下拉找到gitee(不安装插件没有这个选项),输入相关信息:
repo是之前常见的gitee仓库地址,分支是master,token是之前复制的令牌,最后点击确认

在这里插入图片描述

17、再次进入到typora,复制一张图片进去,就会发现出现了Uploading的字样,图片正在上传

18、上传完成后发现图片链接变成了gitee仓库地址,同时在gitee仓库中也能发现这张图片

在这里插入图片描述

至此我们的图床就配置完成了,不妨动手试试吧

猜你喜欢

转载自blog.csdn.net/qq_24950043/article/details/128962347
今日推荐