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

这段时间有看到小伙伴儿讨论图床的问题，都想知道有没有好用的图床，答案确定是有的，好比国内的：腾讯云、阿里云、七牛云、又拍云等等，基本都是提供的有免费的CDN供用户使用，大概都是10个G左右的空间（具体的我不清楚，毕竟本身只用过七牛的，别的只是知道而已。。。），对于通常需求量不大的用户来讲确定是没问题了，可是对于技术产出较高的大佬们来讲，确定不够，因此这里结合我本身使用的一些方法总结了这篇文章，跟你们分享我本身的解决方案。

工具简介

typora

我如今本身写文章、文档什么的基本都使用markdown，这是一种比较好的文本标记语言，特别是相对于编程的同窗来讲，这里我我的使用的Typora，这个我很早就接触这个东西了，更早的时候是使用vscode自带的markdown 或者HBuildX去写的，后来偶然看到了typora就去使用这个了，通过多个版本的迭代，以前用的不爽的地方基本都改的差很少了，如今使用起来已经很流畅了（除了每次更新的时候有点慢。。）,至于markdown怎么用，这个我就不写了，网上教程大把，本身去找吧，界面长这样子

PicGo

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

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

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

Github

emmm，这个我就不说了吧，能看到这篇文章的应该没有不知道的，万一真不知道也不要紧。

Jsdelivr

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

使用方法

1.下载安装typora +PicGo

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

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

2.申请github令牌

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

找到Developer settings，点击

期间会让你输入密码，直接输入你的github帐号密码就行，而后填写名字，名字随便写（尽可能让本身知道是什么意思），下面红框里面的必须勾上，其余的不用管

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

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

3.配置PicGo

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

• 仓库名填写，你的github上面你要放图片的那个仓库，必需要要是公有库；

• 分支名，填写你要上传图片的仓库的那个分支，通常填写master

• Token填写刚刚让你复制下来找个地方的保存的那串字符

• 储存路径，这个是相对于你的仓库根路径来讲的，切记前面不能加斜杠，后面必需要加斜杠。如bg/

• 自定义域名：https://cdn.jsdelivr.net/gh/你的github用户名/你设置的仓库名@分支名，这个主要是用来上传之后，他用来拼接路径存在你的剪切板里面，返回图片的路径给你（这里的分支名这个位置，除了填写分支名之外，还能够填写release名称和commit tag，这个专业人士请自行研究，非专业人事就直接用分支名就能够）

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

4.配置Typora

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

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

若有问题，请私信https://blog.misitebao.com/contact.html