Lyon To Be Better

在markdown中优雅的插入图片

2016-05-04
Lyon

我使用的md编辑器是Typora,它可以简化很多markdown语法(这里得吐槽一下Table语法)

Typora插入图片也特别方便,直接把图片拉进来即可,但如果是本地图片时,图片链接会写成本地的绝对路径。那么,如何优雅的在Markdown中插入图片呢?

Markdown中插入图片

我第一时间想到的是GitHub的仓库

GitHub

  1. 将markdown需要用的图片放到git仓库中,发布到github上
  2. 访问github仓库中那张图片,点击Raw按钮
  3. 拷贝链接地址,在Markdown中引用图片

需求是实现了,但感觉还是有些麻烦,于是继续找解决方案

新浪微博

  1. 把照片传微博里
  2. 复制刚传的那张照片的网址
  3. 拷贝链接地址,插入到markdown文档中

感觉和GitHub差不多,耗时稍微比它快一点,但还是不满足,继续找

图床

  • 围脖图床

    • 原理应该就是微博操作 帮大家简化了

    • 安装浏览器插件即可使用

  • SM.MS
    • 可以直接拖拽图片,生成链接
    • 下面的SM.MS界面图就是用这个生成

  • 极简图床

    • 可以直接拖拽图片,生成链接和markdown语句,直接复制markdown语句更为方便

    • 能查看我上传的历史,方便多次利用图片链接

    • 可作为Chrome浏览器插件

    • 可以把公共空间设置为私人空间,不过需要注册七牛云(这里留个坑,打算有时间来注册试试七牛云的其他功能)

结束语

最后选择了七牛云的极简图床,各方面需求都满足了,写个博客记录下

果然爱折腾还是不错的嘛

附知乎上相关问题:Markdown中插入图片有什么技巧?


Comments