写技术博客？配置图床的必备姿势

作为一个准备学习使用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，也可以自行在设置中修改。

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

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

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会弹出提示：

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