最近报名了拉勾数据分析训练营，由于课程内容比较丰富并且每一阶段的作业需要提交到Gitee（码云），因此在学习过程中需要用Markdown软件Typora记课程笔记。但是会碰到一个问题：将写好的文档提交到gitee后，图片无法显示。
备注: 由于markdwon语法插入图片用的是图片链接，而不是像word一样将整个图片嵌入到文档。因此，插入的图片虽然在本地能显示，但是却不方便移植到其他网站。
此时需要将图片上传到码云，再重新在md文档中更改每一张图片链接，或者每次需要转换为PDF上传，过程较为麻烦。后来了解到可以用Typora+图床(即存储图片的服务器）可以方便地解决这一问题：
在Typora中插入图片时，软件会自动将图片上传到服务器，并返回链接。由于图片存储在云服务器上，即图片的链接一直保持不变，我们无论将文章移植到何处，图片都可以正常显示。
作为一个纯小白，将自己搭建图床的过程记录一下。
Typora是一款支持实时预览的Markdown文本编辑器，它有OSX、Windows、Linux三个平台的版本，并且完全免费。界面十分简洁：
想象一下要实现图片上传功能，计算机完成了哪些事情：
- 在Typora中插入图片时，将图片上传到服务器 （我们需要建立一个服务器存储图片，需要一个软件将其上传服务器）
- 此时服务器中图片的地址为www.xxxx，需要将服务器中的地址转为markdown格式（需要一个软件将图片格式转为markdown格式，再传回到Typora中）
因此，为了实现图片插入功能，我们还需要两个东西：存储图片的服务器、上传及转化图片为markdown格式的软件（即图床客户端）。
这两个东西可以选择的有很多：
- 服务器： 阿里云、腾讯云、七牛云、Github、gitee（码云）等
- 软件： Upic、ipic、picgo等
Window平台和Mac平台可以根据自己的需要来选择。我这里使用的是阿里云（主要考虑到阿里云可能会比较稳定，并且费用也不贵，9元钱搞定）和Upic软件（开源免费）来搭建图床，其他图床的设置可以参考Typora的官方说明教程。搭建过程具体如下。
1 下载Typora
在Typora官网下载Typora
如无法下载，可以关注公众号“和黑黑”，回复“图床”获取百度网盘链接
2 用阿里云搭建图床
2.1 注册账号
进入阿里云官网，注册阿里云账号，并在账号管理处完成实名认证。
2.2 建立服务器
1）进入主页，在左侧选择存储与网络，再选择对象存储0ss
2）进入页面后点击折扣套餐
选个一个合适的套餐（我用了默认的，时间换了1年，共9元。即一年内可以往OSS中存储40G的东西）
购买然后支付，支付成功后点击管理控制台。
会出现下面这个警告（原因是我们虽然买了空间，但是流入流出的流量还没买）：
点击“立即开通”。进入页面后勾选协议，选择开通。
点击管理控制台，进入页面后点击右侧的“创建Bucket”：
进入bucket创建页面，名字可以随便起一个，区域选一个离自己近的。将名字和区域记一下，后面配置要用。还有就是读写权限这里要把私有改为公共读，这样别人才能访问博文中的图片，其他设置为默认。
2.3 记录图床客户端Upic需要用到的参数
2.2中的Bucket创建好了之后点击左下角“确定”进入bucket的概览页面，我们要在访问域名这里将bucket域名记录下（目前为止记录的数据有：bucket名称、区域，域名）：
接下来需要继续记录两个参数 Accesskey ID 和 Secrity ID。点击页面右上角的个人头像，选择AccessKey管理：
点击继续使用Accesskey （使用开始使用子用户AccessKey会更安全，这里我没有启用。感兴趣的可以参考这篇如何使用阿里云OSS搭建图床 )
点击创建 Accesskey ，并进行手机验证：
创建成功后如下图：
创建成功后获得Accesskey ID 和Acesskey Secret 。把这两个资料记录下（目前有五个资料： bucket名字，区域（例如华东1），域名、Accesskey ID，Acesskey Secret）
3 下载安装Upic
3.1 安装Upic
方法一： 用Homebrew安装
brew cask install upic
方法二： 从Github下载
Github下载地址
方法三: 从Gitee下载（国内用户更为适合）
Gitee下载地址
如无法下载或下载速度过慢，可以关注公众号“和黑黑”，回复“图床”获取百度网盘链接
3.2 配置设置
安装完成后检查系统中Finder扩展权限。打开Mac系统的偏好设置-扩展：
勾选Upic访达扩展 ：
上面都是Mac系统的设置，接下来需要在Upic客户端进行设置。 打开Upic客户端，点击右上角Upic图标，选择偏好设置：
在偏好设置中选择图床，点击左下角+号，选择阿里云OSS。
把刚才在阿里云中记录的五个数据依次填入：
区域就是刚才阿里云bucket的区域。需要注意的是，复制出来的域名需要加上"Https://"。名字就是buget名字，Access key 就是 Accesskey ID，Secret key就是 Accesskey Secret。
填好后如图所示：
好了之后点击保存。
为了以后方便使用，可以在偏好设置中为文件上传设置快捷键。点击偏好设置——选择高级：
最后，在Upic中将图床改为阿里云(默认的是SMMS,免费，一小时限上传20张图片；个人推荐阿里云，比较稳定）:
至此，图床和图床客户端已经设置完毕。接下里需要在Typora中进行设置，这样每次拖入图片时可以实现自动上传到服务器并在Typora中显示相应的链接。
4 Typora偏好设置
打开typora，点击偏好设置：
找到“图像”，在插入图像处选择“上传图片”，并在“对本地位置的图片应用上述规则”、“对网络位置的图片应用上述规则”前面打钩。最后点击验证图片上传选项，等待完成之后选择OK。
如果验证成功，则表明图床设置好了。如果验证失败，检查下Upic中的图床设置是否出错。
至此我们的图床已经配置成功，以后在typora插入图片时，只需将图片或者截图拖进typora，它会自动将图片上传阿里云服务器，并在文档中返回一个markdown的图片链接。这样，当我们要将文章分享到其他支持markdown写作的网站，如github，gitee(码云），，就不需要另外上传图片，图片会自动显示。
5 其他
如果以往有.md（markdown文件后缀）文件，或者本地文件已经插入Typora文档，在配置好图床之后想要将这些图片上传到阿里云，可以在Typora中点击：
格式--->图像 --->上传所有本地图片。
5.1 Mac截图快捷键
附上Mac电脑截图快捷键：
| 说明 | 按键 |
|---|---|
| 任意位置截图 | Cmd+shift+4 |
| 全屏截图 | Cmd+shift+3 |
| 使用QQ截图（在QQ开启的情况下） | Cmd+control+A |
5.2 Markdown常用语法
| 标记 | 语法 | 备注 |
|---|---|---|
| 标题 | # | / |
| 倾斜 | * 文字 * | 使用时符号与文字间无空格 |
| 加粗 | ** 文字 ** | 使用时符号与文字间无空格 |
| 超链接 | [链接名称] (链接地址) | 使用时 ”]“ 与” (“ 间无空格 |
| 无序列表 | - 列表内容 | -可替换为*，+ |
| 有序列表 | 1. 列表内容 | / |
| 图片 | ! [图片标题] (图片路径) | 使用时各符号间无空格 |
| 代码 | ` `` 代码 ``` | 使用时、、、之间没有空格 |
更多语法可以参考这篇文章：《Markdown基本语法》
有问题也可以在评论区提出 ：）
6 参考资料
《关于使用阿里OSS服务搭建图床和使用picGO上传图片到图床》
《upic 图床配置教程-阿里云》
《typora完全使用详解》
Typora官方支持文档
如何使用阿里云OSS搭建图床
《最强markdown编辑器typora图床教程》-阿里云版
《Markdown基本语法》
————
公众号: 尔冬禾(PsyHeheihei)，文章更新速度比这里稍微快一点，主要跟数据分析相关内容和一些个人思考。欢迎交流