Typora + iPic写博客

情景 Situation

用本地Markdown编辑器写文章，想一键复制到博客网站（例如：简书）发布，可是Markdown里的图片存在本地，上传之后图片就消失了。每张图片手动拖到博客网站编辑器里又太麻烦，怎样可以更高效？

任务 Task

对于macOS用户，我推荐使用Typora + iPic的软件组合来解决这个问题：

• Typora是免费的本地Markdown编辑器；
• iPic是免费的图床工具（把本地图片上传到云端，以便在线发布）。

你只需要做这简单几步：

1. 在App Store下载、运行iPic；
2. 去官网下载、安装Typora；

3. 运行Typora，在顶部菜单栏点击 Edit -> Image Tools -> Global Image Settings，然后按照下图配置：

   
   image

行动 Action

完成上述三步，整个环境就搭建好了。
现在在Typora中插入图片，点击Upload via iPic，图片路径就变成https地址了，意味着它们都是在线的，复制粘贴到博客网站发布就不会丢失了。
如果有忘记选择Upload via iPic的图片，也可以点击顶部菜单栏Edit -> Image Tools -> Upload Local Images via iPic来一键上传全部图片到iPic，非常方便。

总结 Summary

Typora + iPic非常方便快捷，但是有一些缺点：

• 图片实际上是被上传到了微博相册，会有肉眼可见的有损压缩；
• 上传的图片无法删除。

所以如果你有更高的需求，或者你是Windows系统用户（iPic只有macOS版）。那么你可以使用其它图床工具，比如极简图床。搭配阿里云OSS存储服务，可以保证图片质量，并且可以删除已上传的图片。

References

在 iPic 周岁时，说说这款让我骄傲的产品

附录（Typora使用tips）

1. Markdown显示模式

在Typora中，默认显示渲染后的样式。可以用快捷键⌘+/ 切换到Markdown语言显示模式，便于复制粘贴到在线发布网站。

2. emoji

Typora支持emoji快捷输入，语法是冒号：加表情名称（支持自动补全），例如：
:rofl: :rofl :
:stuck_out_tongue: :stuck_out_tongue :
:wave: :wave :

3. 转义字符

反斜线（\）用于转义Markdown语法中有特殊作用的字符。例如
这是斜体
这是*斜体*
这些特殊字符包括：

\
`
*
_
{}
[]
()
#
+
-
.
!