使用Typora编写MarkDown文本，并通过PicGo+Gitee配置图床

自己学习老是疯狂百度各种问题，经常阅读别人的帖子和博客，所以萌生出了自己写一些文章的想法，一方面锻炼自己的文档书写能力，同时又借此归纳自己学习中遇到的问题和一些学习总结。自己在网上摸索着搞出来了，现在通过这种方式写一篇教程。

导语

我是在教学视频中发现".md"文档，然后知道了这是一种类似于HTML原理的标记语言，可以简化文档书写过程，经常也在比如github上看见这种风格的文档，觉得很不错，想着自己也用一下这个。顺着就找到了Typora，书写时发现这个里面的图片是链接形式存在，并且是本地链接的方式，文档要是上传到网上，别人肯定显示不出来图片呀？带着这个疑问，解锁了一个新的概念——图床。原来是将图片保存在云端的仓库，在线查看时就可以及时的加载出对应URL的图片了。我直呼666，使用PicGo配置Gitee仓库，然后再在Typora设置好图片上传方式就好了。下面就让我们开始吧！

下载相应的软件

Typora

自己什么系统就下载什么哦，我是Windows就选择的Windows。

PicGo

苹果上面，Windows下面，旁边的加速下载是我用了插件，还是挺好用的，给大家安利一下。

Nodejs

PicGo安装需要有Nodejs支持，像我电脑上就没有，所以半路我还装了个Nodejs。

创建Gitee仓库

这个前提是要有一个Gitee账号哈，有github账号也OK其实，但是我觉得国内的快就用了Gitee，这个仓库的作用就是存放我们上传的照片。

右上角新建仓库，填写仓库名，路径，建议用开源，因为我觉得要是不开源在线别人就看不了了，我也不确定是不是这样，但是选开源要合理一些。

点击创建就OK了。

安装软件

我们配完仓库估计软件下载的也就差不多了，开始安装吧那就，这个东西就注意别安装到C盘上就OK了，选择自己的存放路径安装就OK。需要注意的是PicGo需要先安装Nodej，因为我们到时候要在PicGo内装Gitee插件，需要Nodejs支持，要是不用Gitee仓库用PicGo自带的其它仓库或者在线存储的网站就直接配就好。下面的是它自带支持的。

PicGo安装配置Gitee插件

由于PicGo没集成对Gitee支持，我们需要手动安装插件支持。

打开PicGo右边选择插件设置，在搜索框搜索Gitee，这三个都能用，配置仓库地址方式会有区别，我们这里以我选择的这个为例。点击安转，它就会自动安装，要是提示需要安装Nodejs就安装Nodejs先，安装后要重启一下电脑，它才能识别出来。安装成功后插件列表中就有该插件了。

我们左键小齿轮选择配置uploader-gitee,需要我们填写仓库信息

owner就是你的gitee账户名。

repo是你的仓库名。

比如我们进入到仓库的地址就会有如下信息，填写自己的就行。

path就是在你仓库的什么路径下，我设置的一个img文件夹。

token是从gitee上生成一个身份令牌，马上讲。

这个地方我弄的时候也挠头了，借鉴别人的帖子才搞出来的。

message是每次上传附带的上传信息，我没设置这个，有需要可以设置，比如和人共用一个仓库那可以在这里设置你是谁之类的。

获取Gitee的token令牌

登录Gitee后进入设置。

左侧安全设置中选择私人令牌。

生成新令牌。

可以对这个令牌进行描述，比如说是干什么用的。

点击提交后输入Gitee密码就会生成一个新令牌，这个上面需要我们保存起来，因为它上面说就只显示一次。得到的令牌序列就是token，我们将其配置到之前需要这个token的地方就可以了。

配置好Gitee图床后PicGo右侧会有相应的选项，我们可以在里面对其进行编。将其设置为默认图床，那么以后上传图片都会自动上传到我们Gitee仓库中。

在Typora中配置图床

打开Typora点击右上角文件选择偏好设置。

选择图像上传服务设定中配置好PicGo,因为我们是安装的PicGo所以上面选择PicGo（app），下面是你PicGo的安装路径。

然后可以点击旁边的验证图片上传测试一下是否配置成功。

成功了就是这种，我们就可以在Typora编辑好我们的Markdown文档后对文档里的图片进行上传了。

Typora中上传文档中的图片到图床

在文档中我们可以单独对某一张图片进行上传，右键选择想要上传的图片，选择上传图片即可。

也可以统一对文档中的图片进行上传：格式——图像——上传所有本地图片。

图片上传后对应的图片链接地址会变成在线图片的地址。

将写好的Markdown发布

我们书写好我们的文档后就可以将其发布了，其实发布我也不大会，我现在就有一个CSDN，然后就是在网页上的CSDN发布，没有选择编辑器是Markdown方式的，按理说是全选后右上角编辑，复制为Markdown，然后沾到CSDN的编辑器里面就行，我看其他人使用的客户端有选择Markdown的方式，我这不想下载了，试了一下上面的各种复制选项，复制为纯文本（我就只是抱着侥幸心理试了一下，果然这个不行）、复制为Markdown、复制为HTML代码、复制内容并简化格式。发现就只有复制内容并简化格式可以在网页上直接沾到CSDN编辑器里面。

好了我写这东西花了我3小时，第一次写这个，本来计划是跑项目的，如果这篇文章对有帮助的话就点赞一下吧，还有很多地方不够严谨也希望多多包涵，本文只做参考，具体情况还是要具体解决。有什么问题或者疑惑欢迎留言，我应该不会看。哈哈！拜拜。