作为一个准备学习使用 markdown 写技术博客的小白，遇到的第一个问题就是——如何让图片能正确的显示在网页上呢？？学习了 markdown 语法我们知道，想要插入图片需要写如下格式：


既然要让图片显示在网页中，必然要将其上传至网络，使其拥有自己的 url 地址。接下来就有请今天的主角——图床。图床简单理解就是一个存储图片的地方，我们可以利用各大云服务商提供的存储空间作为图床，或者自己利用服务器搭建图床，得到图床后，就能将本地的图片发送到图床，然后生成图片的 url 链接，让 markdown 使用 url 来读取图片！

在 Github 中创建图床 1. 创建一个 Repository2. 在 Github 中获取 Personal access _tokens_（个人访问令牌）使用上传工具 PicGoTypora + PicGo-Server 实现全自动上传图床 1. 打开 PicGo-Server2. 安装 Typora3. 配置 TyporaEnjoy it!

在 Github 中创建图床

1. 创建一个 Repository

用于存放上传的图片，仓库创建的过程就省略了，大家可以自行搜索。

2. 在 Github 中获取 Personal access _tokens_（个人访问令牌）

获取方式在官方文档中有详细步骤说明，建议跟着一步一步来。过程中需要注意的点有：

• 授予 token 的权限时，选择 repo，即访问仓库。
• 得到的 token 需要及时复制保存，如果丢失则需要重新生成。

使用上传工具 PicGo

PicGo 项目地址

PicGo 是一个用于快速上传图片并获取图片 URL 链接的工具，支持多个图床，包括微博图床，七牛图床，腾讯云 COS，阿里云 OSS，Imgur，又拍云，GitHub 等图床。在项目地址中可以找到下载方式，由于我是 Windows 系统，选择稳定版的 exe 安装程序进行下载并安装。

• 安装完成后，打开图床设置 ->Github 图床，进行如下配置：
• 设置好 Github 图床后，就可以点击 上传，将本地的图片上传到图床

  或者使用快捷键将剪贴板的图片上传，默认快捷键为 ctrl+shift+p，也可以自行在设置中修改。

• 上传好的图片可以在 相册 中查看：

  每张图片下的三个选项分别对应：复制链接，修改 url，删除。

  此时 Github 仓库中也能看到上传的图片。

如果你觉得到此为止，将图片上传到图床再复制链接的操作有点繁琐的话，就继续看下去吧！

Typora + PicGo-Server 实现全自动上传图床

1. 打开 PicGo-Server

在设置中开启 PicGo-Server，开启后能配合其他应用调用 PicGo 上传图片。

2. 安装 Typora

安利编辑器环节，Typora 支持实时预览 markdown 效果，不像一般的 markdown 编辑器左侧编辑右侧预览，在离开带有 markdown 语法格式的文本段后，Typora 就会隐藏标记而只显示效果，当需要编辑的时候才会显示本行的语法标记。下载链接：官方网站

3. 配置 Typora

打开 文件 – 偏好设置 – 图像，进行如下设置：

PicGo 路径填写 PicGo 可执行文件的路径，设置完毕后，点击验证图片上传选项，测试连接。

注意端口号 36677，PicGo-Server 默认填写的端口号为 36679，需要手动修改一下 PicGo-Server 的监听端口，否则无法成功上传

Enjoy it!

使用 snipaste 或微信截图复制图片后，在 Typora ctrl+ v 复制图片，Typora 会自动转换成本地路径的图片，随后上传服务就会调用 PicGo-Server，将本地路径转化为 url。我偶尔会遇到上传失败的情况，可能是由于 Github 服务器在国内访问速度不佳，大家也可以尝试一下别的图床，原理和操作都类似。当上传失败时，Typora 会弹出提示：

可以右键图片标志点击上传来进行重新手动上传。