如何优雅的在Markdown中使用图片

怎么插入图片

Markdown 中提供了三种插入图片的方式,各种插图的方式都在这三种之类。
插图最基础的格式就是:

![Alt text](图片链接 "optional title")

插入本地图片

插入本地图片就是在基础格式里面的图片链接填写图片的路径即可,相对路径或者绝对路径都可以。

  • 优势:可以方便的将图片插入,无需进行其他操作。
  • 不足:分享起来非常麻烦,可能需要带一个文件夹;本地路径的修改或丢失都会造成图片无法显示。

将图片存入 Markdown 文件中

用 base64 工具将图片转成一段字符串,然后把字符串填到基础格式的图片链接位置。

  • 优势:分享时只需要分享 md 文件,方便
  • 不足:插入图片前还需要将图片进行编码,编写时比较麻烦

插入网络图片

在基础格式里面的图片链接里填写网络图片的链接即可。

  • 优势:分享方便,md 文件较小
  • 不足:需要依赖网络;

怎么优雅的插图

这里介绍 图床 + 插入网络图片 的方式来提升插图体验。

首先是图床工具

这里推荐 PicGo,支持多种图床,开源跨平台,支持插件机制。这里简单介绍下它的使用。

配置图床

PicGo 原生支持很多图床,包括 Github、七牛云、腾讯云等。同时还支持插件,这样就几乎可以搞定所有的图床了。
这里比较推荐使用 码云 ,相比 Github 来说,它速度更快;相比其他云服务来说,配置比较简单,而且还免费。
因为原生是没有支持 Gitee 的,所以我们首先需要安装插件(安装前请查看文档》》),在 PicGo 的插件设置中搜索 “gitee” 即可进行安装。
image-20200226105750433
安装完成后,就可以在 “图床设置” 里面看到 Gitee 图床,点击即可进入图床设置界面。如下:
image-20200226105928312
其中:

  • url:指 Gitee 的地址。默认情况下都是https://gitee.com
  • owner:指 Gitee 的用户名
  • repo:指在 Gitee 上创建的 Git 仓库名
  • path:指仓库中的路径。比如 Imgs/ 等自定义名称
  • token: 私人令牌。需要在 gitee access token 上创建。注意,此 token 只会出现一次,关闭后将不可见。
  • message:指每次上传提交的 message。可以自定义。(好像不一定有效,应该是个 bug

配置完成后就可以上传啦~ 其他配置可以参考 配置手册

Markdown 编辑器

比较推荐 Typora ,样式颜值比较高,功能比较齐全,还打通了 PicGo ,直接将图片黏贴到编辑区,便可实现自己通过 PicGo 上传到图床。(需要在设置里面打开上传服务器的功能。如下图
image-20200226111628098

怎么跨设备同步

在 2020 年的今天,没有云同步怎么能说优雅呢?
这里推荐的是 OneDrive ,Windows 自带,跨平台,空间便宜,按需同步等。
只需要把 Typora 的默认文件夹设置成 Onedrive 中的文件夹,既可实现在 A 机器上编辑完成后(顺带打开Typora 的自动保存),直接换到另外一台机器继续编辑啦~~

怎么把 Markdown 文件方便的插入到各大网站

推荐使用 markdown here 可以非常方便的将 Markdown 一键转成 Html 文档。

总结

工欲善其事,必先利其器。将 PicGo + Gitee + Typora + Onedrive + Markdown here 几乎可以解决所有的文档分享和编辑需求。

posted @ 2020-02-26 11:43  frendguo  阅读(6136)  评论(0编辑  收藏  举报