一、Markdown和Typora
Markdown本身是一种简化写作的轻量级标记语言,它允许我们使用易读易写的纯文本格式编写文档内容。越来越多的写作者开始使用Markdown进行创作,因为其语法简单,学习成本低,功能又比纯文本强大。
正在阅读此文章的读者,相信你一定对Markdown有所了解并且正在使用Markdown进行创作,如果还没有,希望本文能有幸成为你接触Markdown的敲门砖。关于Markdown的学习资料,网上比比皆是,这里笔者就提供一个Markdown中文文档以供参考。
如今各大博客平台或者写作网站基本上都支持在线Markdown编辑器,虽然对于Markdown的支持已经比较完善,但是相信在线编辑Markdown的人都会有这样一个痛点:添加图片比较麻烦,需要一张一张地选择图片并进行上传。当然也有很多支持Markdown的本地文本编辑器,不管是Windows还是Mac OS平台下,都有很多优秀的Markdown编辑器,其中不得不提的一款就是Typora,它是一款跨Windows、OS X和Linux的优秀编辑器,其漂亮的外观和简洁优雅的风格确实吸粉无数。笔者使用的本地Markdown编辑器就是Typora,笔者一般是用来记笔记和写博客。特别是写博客的时候,希望可以一次编辑,然后发布到各大平台,但是本地图片就不好处理了,这个时候就需要图床来解决本地图片的难题。在Mac OS下,使用Typora + iPic(Mac OS自带的图床)可以很轻松的解决。但是在Windows下,就需要我们自己选择图床。
Windows下的Typora之前是不支持图片上传的功能,直到近期的0.9.84版本的更新才支持通过PicGo上传图片。所以请将Typora升级至0.9.84或更高版本。图床:一般是指储存图片的服务器,这样我们就可以通过Markdown外链的方式访问图片。
二、PicGo
1、下载PicGo
PicGo是一款图片上传工具,也是支持跨平台的。从PicGo官网上下载PicGo步骤:
下载速度比较感人,还望大家耐心等待。下载成功后,直接双击安装即可,安装过程中,请记住安装的路径,因为后期在Typora中进行配置的时候需要使用路径。
2、下载node.js
PicGo是基于electron-vue开发的,同时还支持插件系统以提供更强大的功能,而使用插件的前提是安装node.js环境,因为我们后面设置图床的时候需要使用插件功能,所以我们要先安装好node.js环境,直接从node.js官网上下载并进行安装即可:
3、安装gitee插件
现在打开安装好的PicGo,可以看到PicGo本体支持的图床共有8个,如果想要支持其他图床的话,就需要使用PicGo的插件功能。这里关于图床的选择,大家因人而异,喜欢哪个就选择哪个,因为笔者使用的是基于gitee(码云)搭建的图床,优点是免费、访问速度快。所以笔者后面的说明都是基于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可成功上传图片至gitee图床。
五、Typora中配置PicGo
打开Typora,点击格式-->图像-->全局图像设置:
设置完成后,点击验证图片上传选项,成功后,会有如下提示:
注意:此处测试命令中使用的端口号是36677,所以前面的设置端口的用处就在于此。
现在在Typora插入图片时,就会自动将图片上传至gitee图床,并且自动将图片的外链地址设置为gitee仓库中的图片地址。这样就解决了使用本地Markdown编辑器处理图片的问题了。