Typora+picGo+Gitee搭建图床

ywz888
发布于 2022-11-2 10:17
浏览
1收藏

前言

小黑在学习和工作中,经常需要进行写作,无论是记笔记,还是写博客,或者工作中需要编写接口文档或者技术文档。

在这个过程中,我使用过很多工具,最开始使用word,但是需要花费很多的时间在格式调整和排版上;

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

也使用过一些笔记软件,印象,有道,为知等一系列,但是都有一个问题,就是我如果笔记中有图片,那么我想把笔记内容再发到别的博客平台上时,需要单独对图片进行上传,然后在博客内容中替换,相当的耗费时间和精力。

最后终于找到一个比较完美的搭配方案,就是使用Typora记录,然后再搭建一个图床,在图片插入到Typora中时,自动上传到图床中,这样以后要在别的平台发布时,再也不用逐张替换图片了。

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

Typora

Typora是一款风格简洁的Markdown编辑器和阅读器,可以帮助我们更快速方便的使用Markdown进行排版,而我们不需要专门去学习Markdown的语法,可以很大的提升我们的效率,专注在写作本身上。Typora的安装包直接在官网进行下载即可。

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

Typora官网:https://www.typora.io/

Typora虽然是一款优秀的Markdown编辑器,但是同样没有解决我对于图片上传的痛点。

最开始我在Typora中写笔记,粘贴图片之后会保存在笔记所在的目录,但是只要我将笔记的md文件移动位置后,图片就无法展示了。

有段时间我一度对每篇笔记创建一个文件夹,同时存放笔记和图片。

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

那这个问题有没有办法解决呢?有没有什么办法能够让我在Typora中插入图片时,自动将图片上传到网络,在笔记中使用图片的url呢?

PicGo+Gitee实现图片自动上传

PicGo是一款图床工具,所谓图床工具,就是自动把本地图片转换成链接的一款工具,网络上有很多图床工具,就目前使用种类而言,PicGo 算得上一款比较优秀的图床工具。默认支持SM.MS图床,腾讯云,GitHub,七牛,阿里云OSS上传图片,我之所以使用Gitee有两个原因,其一是GitHub访问速度比较慢,其二是其他的存储服务都需要花钱。

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

接下来我们一步步来完成搭建。

下载安装PicGo

下载地址:https://github.com/Molunerfinn/PicGo

GitHub下载速度较慢,可以使用百度云连接下载。

链接: https://pan.baidu.com/s/1iq9GgMrhxrR9gE5vk7Tq7g

提取码: n95d

下载安装完毕,打开后的界面长这样。

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

这时我们图床工具有了,接下来要准备存放图片的网络环境了。

注册配置Gitee

已经注册过Gitee的可以直接使用,没有的注册一个就好了。

首先需要新建一个仓库,用于专门存放图片。

点击右上角“+”创建仓库。

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

给你的图片仓库起一个名字,做好初始化配置。

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

注意一定要选择“开源”,这样别的平台才能访问到你的图片,勾选初始化仓库,选择分支模型为“单分支模型”,这样会默认创建出Master分支。

生成Gitee私人令牌

令牌的作用主要用于PicGo在做上传时进行验证,不能谁都能给你的仓库上传东西对吧。

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

点击左边安全设置中的“私人令牌”,点击“生成新令牌”。

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

只需要选择projects权限就可以。

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

提交之后,会让你做密码验证,验证成功后会弹出令牌生成提示。

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

这里一定先将令牌复制,暂时保存下来,在后面配置PicGo要用到,并且这个页面关闭后便不会再有地方展示了。

PicGo安装Gitee插件

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

新安装的PicGo的图床设置中是没有Gitee图床的,需要按安装插件(谁让咱穷呢/(ㄒoㄒ)/~~)当然安装很简单。

选择“插件设置”搜索gitee,选择第一个“gitee 2.0.4”安装即可,安装完成后需要重启。

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

PicGo配置Gitee图床

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

PicGo配置对应Gitee信息如下图。

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

PicGo设置

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

为了方便可打开开机自启,如果你对图片名称有要求,可以打开上传前重命名,默认会使用时间戳作为文件名。

到这里,你就可以在上传区上传图片测试一下,看看是否可以成功上传到Gitee仓库中了。

Typora配置图片上传服务

到了我们最后一步,前面所有的配置都是为了达成我们在Typora中可以直接上传图片到网络的目的。

打开Typora的"文件"->"偏好设置",按我下图中的完成勾选,插入图片时选择上传图片,上传服务选择PicGo,选择本地安装PicGo的路径。完成后重启Typora。

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区

操作一把

最后来验证一下,复制图片在Typora中粘贴,图片会成功上传到Gitee仓库中。

大功告成,撒花~

Typora+picGo+Gitee搭建图床-鸿蒙开发者社区


文章转载自公众号:小黑说java


分类
已于2022-11-2 10:17:54修改
收藏 1
回复
举报
回复
    相关推荐