Typora+PicGo+Github+Jsdelivr实现高效图文写作

Typora+PicGo+Github+Jsdelivr实现高效图文写作

工具简介

Typora

markdown是一种轻量级标记语言，创始人为约翰·格鲁伯（英语：John Gruber）。 它允许人们使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML（或者HTML）文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。

由于Markdown的轻量化、易读易写特性，并且对于图片，图表、数学式都有支持，目前许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。

Tpyora是一款轻便简洁的、优雅的Markdown编辑器,支持即时渲染技术,这也是与其他Markdown编辑器最显著的区别.重点是免费!也推荐给大家，至于安装和配置，比安装word还简单，就不赘述了。界面长这样子。

PicGo

PicGo就是一个图片上传工具，目前支持SM.MS图床、腾讯云COS、GitHub（待会儿我们用到的）、七牛图床、Imgur图床、阿里云OSS、又拍云图床，用法也很简单，在配置页面配置好各个图床的参数，如下图：

然后就可以使用这个工具将图片上传到你配置的那个图床上面去，上传方式目前有三种：

• 拖拽上传
• 快捷键上传（需要剪切板里面有图片，也就是你要先复制一张图片）
• 命令行上传

Github

Github是一个面向开源及私有软件项目的托管平台，因为只支持 Git 作为唯一的版本库格式进行托管，故名 GitHub。除了 Git 代码仓库托管及基本的 Web 管理界面以外，还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱（报表）、代码片段分享（Gist）等功能。这里我们把它作为图床使用。

Jsdelivr

Jsdelivr如图所示，就是 开源的免费CDN，快速、可靠、自动化。他能够让我们快速的访问我们github、npm、wordpress上开放的资源。

使用方法

1.下载安装typora +PicGo

Typora下载地址：https://www.typora.io/

PicGo下载地址：https://github.com/Molunerfinn/PicGo/releases 找到图片所示位置

2.申请github令牌

如果你已经有github账号，直接登录，没有的话就注册在登录，怎么注册，我就不写了，登陆进去鼠标点击头像，找到Settings，点击

找到Developer settings，点击

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nE5Hspha-1600334628964)(C:\Users\wmsis\AppData\Roaming\Typora\typora-user-images\image-20200917160800636.png)]

期间会让你输入密码，直接输入你的github账号密码就行，然后填写名字，名字随便写（尽量让自己知道是什么意思），下面红框里面的必须勾上，其他的不用管。

完成后滚动到页面下方，点击绿色按钮，然后成功以后会回到之前的页面，显示令牌

这个令牌只显示一次，要复制令牌，自己找个地方保存起来，后面步骤要用到这个令牌。

3.配置PicGo

打开PicGo，找到 图床设置>Github图床

• 仓库名填写，你的github上面你要放图片的那个仓库，必须要要是公有库，格式：<你的github用户名>/<仓库名>；
• 分支名，填写你要上传图片的仓库的那个分支，一般填写master
• Token填写刚刚让你复制下来找个地方的保存的那串字符
• 储存路径，这个是相对于你的仓库根路径来说的，切记前面不能加斜杠，后面必须要加斜杠。如img/
• 自定义域名：https://cdn.jsdelivr.net/gh/你的github用户名/你设置的仓库名@分支名，这个主要是用来上传以后，他用来拼接路径存在你的剪切板里面，返回图片的路径给你（这里的分支名这个位置，除了填写分支名以外，还可以填写release名称和commit tag，这个专业人士请自行研究，非专业人事就直接用分支名就可以）

填写完成以后，点击确认，设置为默认图床，然后就可以切换到上传区，上传一张图片试试，上传完成以后会返回路径给你，这个路径格式也是可以设置的。

4.配置Typora

打开Typora 找到设置里面的 图像

PicGo路径选你安装的位置的路径，然后点击验证图片上传选项，如果提示成功就大功告成，如果失败，请重复上述步骤。

如有问题，请私信https://www.it-bang.cn。