MarkDown + PicGo图床配置

一、Markdown和Typora
Markdown本身是一种简化写作的轻量级标记语言,它允许我们使用易读易写的纯文本格式编写文档内容。越来越多的写作者开始使用Markdown进行创作,因为其语法简单,学习成本低,功能又比纯文本强大。

如今各大博客平台或者写作网站基本上都支持在线Markdown编辑器,虽然对于Markdown的支持已经比较完善,但是在线编辑Markdown的都会遇到这样一个痛点:添加图片比较麻烦,需要一张一张地选择图片并进行上传。当然也有很多支持Markdown的本地文本编辑器,不管是Windows还是Mac OS平台下,都有很多优秀的Markdown编辑器,其中不得不提的一款就是Typora,它是一款跨Windows、OS X和Linux的优秀编辑器,其漂亮的外观和简洁优雅的风格确实吸粉无数。笔者使用的本地Markdown编辑器就是Typora,笔者一般是用来记笔记和写博客。特别是写博客的时候,希望可以一次编辑,然后发布到各大平台,但是本地图片就不好处理了,这个时候就需要图床来解决本地图片的难题。在Mac OS下,使用Typora + iPic(Mac OS自带的图床)可以很轻松的解决。但是在Windows下,就需要我们自己选择图床。

图床:一般是指储存图片的服务器,这样我们就可以通过Markdown外链的方式访问图片。
Windows下的Typora之前是不支持图片上传的功能,直到近期的0.9.84版本的更新才支持通过PicGo上传图片。所以请将Typora升级至0.9.84或更高版本。
在这里插入图片描述

二、PicGo
1、下载PicGo
PicGo是一款支持跨平台的图片上传工具,从PicGo官网下载PicGo步骤:
在这里插入图片描述

下载速度比较感人,大家耐心等待。下载成功后,直接双击安装即可。
在这里插入图片描述

2、下载node.js
PicGo是基于electron-vue开发的,同时还支持插件系统以提供更强大的功能,而使用插件的前提是安装node.js环境,因为我们后面设置图床的时候需要使用插件功能,所以我们要先安装好node.js环境,直接从node.js官网上下载并进行安装即可:
在这里插入图片描述

3、安装gitee插件
现在打开安装好的PicGo,可以看到PicGo本体支持的图床共有8个,如果想要支持其他图床的话,就需要使用PicGo的插件功能。
在这里插入图片描述这里关于图床的选择,大家因人而异,喜欢哪个就选择哪个,本文介绍的是基于gitee(码云)搭建的图床,优点是免费、访问速度快。 点击插件设置,搜索gitee,出现两个插件,建议大家下载gitee 1.2.2-beta,因为两个插件后续的配置稍有不同。

注意:这里安装插件必须基于安装好node.js环境的前提下,否则无法安装成功。

  • 这时我们在图床设置中就可以看到Gitee图床的选项了。

4、设置Server
点击PicGo设置–>设置Server,将监听端口设置为36677:
在这里插入图片描述
在这里插入图片描述

三、搭建Gitee图床
笔者这里选择Gitee搭建图床,因为其免费且访问速度快。首先去Gitee官网注册用户并登录。

1、创建一个repository(仓库):

2、生成私人令牌

注意: - 点击提交后,需要输入账户密码才能生成令牌 - 生成令牌后,请立即保存,因为令牌不会再次出现
四、PicGo中配置gitee图床
在PicGo中配置gitee图床的信息:

填完之后,将其设为默认图床即可,接下来进行测试,点击上传区,可以通过点击选择图片上传或者剪贴板图片上传:

观察是否成功,首先PicGo会有提示,其次去仓库上面检查图片是否上传成功:

至此,PicGo可成功上传图片至gitee图床。

五、Typora中配置PicGo
打开Typora,点击格式–>图像–>全局图像设置:

按照下面图片中的设置进行选择:

设置完成后,点击验证图片上传选项,成功后,会有如下提示:

注意:此处测试命令中使用的端口号是36677,所以前面的设置端口的用处就在于此。
现在在Typora插入图片时,就会自动将图片上传至gitee图床,并且自动将图片的外链地址设置为gitee仓库中的图片地址。这样就解决了使用本地Markdown编辑器处理图片的问题了。

猜你喜欢

转载自blog.csdn.net/mido94/article/details/113474920