Typora+图床搭建便捷的Markdown写作环境

内容纲要

目前支持Markdown语法的写作软件与平台有很多,其中Typora是我迄今为止在Mac上用过最为简洁且兼具强大功能的Markdown写作软件。但是在Typora中写作时,会碰到一个问题:

由于markdwon语法插入图片用的是图片链接,而不是像word一样将整个图片嵌入到文档。因此,插入的图片虽然在本地能显示,但是却不方便移植到其他网站。例如我要将文档上传到githhub时,需要重新上传图片,非常不方便。

解决上面问题的一个方案是搭建图床(即存储图片的服务器),以便我们在Typora中插入图片时,软件自动将图片上传到服务器,并返回给我们链接。由于图片存储在云服务器上,即图片的链接一直保持不变,我们无论将文章移植到何处,图片都可以正常显示。以下为自己搭建图床的过程,希望对小伙伴们有用。

想象一下要实现图片自动上传功能,计算机完成了哪些事情:

1. 在Typora中插入图片时,将图片上传到服务器 (我们需要建立一个服务器存储图片,需要一个软件将其上传服务器)

2. 此时服务器中图片的地址为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中点击:

格式—>图像 —>上传所有本地图片。

PS:

如果Typora和Upic下载很慢,可以关注公众号"尔冬禾"(Psyheheihei),在消息栏回复”图床“获取下载链接。

如果本篇文章对你有用,可以点一个小小的赞支持下~

6 参考资料

  1. 《关于使用阿里OSS服务搭建图床和使用picGO上传图片到图床》

  2. 《upic 图床配置教程-阿里云》

  3. 《typora完全使用详解》

  4. Typora官方支持文档

  5. 如何使用阿里云OSS搭建图床

  6. 《最强markdown编辑器typora图床教程》-阿里云版

  7. 《Markdown基本语法》

本文转自:https://zhuanlan.zhihu.com/p/229026561