Markdown优雅地插入图片

Markdown优雅地插入图片

在博客中使用Picgo+Github图床(cdn加速)插入图片

详见：链接
其实很早就接触了Markdown语法了，那是可以追溯到学生时代。在学校实验室的时候需要对一些新来的师弟师妹进行培训，就需要写一些教程文档，那时候就开始利用Markdown+Typora进行教程编写，但是苦于Markdown语法的特殊性使得图片的插入尤为困难，移动文档的时候往往图片会挂掉，这对于我来说就是十分不方便的，所以最后就不了了之，用回office作罢…

等到了工作的时候，来到东阳光刚刚入职那会师姐就发来一个用Markdown写的教程文档，我眼前一亮，居然文档可以那么优美简洁，加上学生时代早有接触我打起了重拾Markdown的信心，随后便疯狂地爱上了这种**“轻量级标记语言”**。

那么怎么解决图片的问题呢？经过简单的查找之后我找到了PicGo+Github(cdn)的强强组合，这样的组合即简单易用又稳定可靠访问速度还比较快，不用担心图片会被删掉。

PicGo

PicGo的主页：https://github.com/Molunerfinn/PicGo

PicGo：一个有用的快速上传图片并获取图片URL链接的工具

PicGo本体支持如下图床：

• 七牛图床 v1.0
• 腾讯云 COS v4\v5 版本 v1.1和v1.5.0
• 又拍云 v1.2.0
• GitHub v1.5.0
• SM.MS V2 v2.3.0-beta.0
• 阿里云 OSS v1.6.0
• Imgur v1.6.0

PicGo的界面：

利用这样的小插件的话可以让我们的Markdown文档轻易的插入图片，在线图片特别方便用于分享出去，芜湖，起飞了！

安装教程：https://github.com/Molunerfinn/PicGo

---

GitHub图床

GitHub想必大家都知道吧！在线程序员交友平台我们就是利用这个平台作为一个稳定可靠的图片保存位置。

1.登录GitHub创建Repository

2.设置Repository

• 设置仓库名
• 设置为Pubic（重要）如果设置为私人的话就看不到了
• 创建仓库

3.生成一个Token

点开头像的设定值

点开左侧最下面的开发人员设定

点击个人访问令牌

创建新的Token

填写描述，选择repo,然后点击Generate token按钮

注意：这串token十分重要，记录下来只会显示一次，要好好保存，不能落入其他人手中喔！

---

配置PicGo

下载相应的版本

安装：不会装的看文档

设定仓库名的时候，是按照“账户名/仓库名的格式填写”

分支名统一填写“master”

将之前的Token黏贴在这里

存储的路径可以按照我这样子写，就会在repository下创建一个“img”文件夹

自定义域名的作用是，在上传图片后成功后，PicGo会将“自定义域名+上传的图片名”生成的访问链接，放到剪切板上https://raw.githubusercontent.com/用户名/RepositoryName/分支名，，自定义域名需要按照这样去填写

或者使用cdn加速：

https://cdn.jsdelivr.net/gh/用户名/RepositoryName来进行加速

这样之后就可以愉快地在文档中加入图片了
博客地址：https://usg-cn.web.app/