如何优雅的在Markdown中使用图片
怎么插入图片
Markdown 中提供了三种插入图片的方式,各种插图的方式都在这三种之类。
插图最基础的格式就是:
![Alt text](图片链接 "optional title")
插入本地图片
插入本地图片就是在基础格式里面的图片链接填写图片的路径即可,相对路径或者绝对路径都可以。
- 优势:可以方便的将图片插入,无需进行其他操作。
- 不足:分享起来非常麻烦,可能需要带一个文件夹;本地路径的修改或丢失都会造成图片无法显示。
将图片存入 Markdown 文件中
用 base64 工具将图片转成一段字符串,然后把字符串填到基础格式的图片链接位置。
- 优势:分享时只需要分享 md 文件,方便
- 不足:插入图片前还需要将图片进行编码,编写时比较麻烦
插入网络图片
在基础格式里面的图片链接里填写网络图片的链接即可。
- 优势:分享方便,md 文件较小
- 不足:需要依赖网络;
怎么优雅的插图
这里介绍 图床 + 插入网络图片
的方式来提升插图体验。
首先是图床工具
这里推荐 PicGo,支持多种图床,开源跨平台,支持插件机制。这里简单介绍下它的使用。
配置图床
PicGo 原生支持很多图床,包括 Github、七牛云、腾讯云等。同时还支持插件,这样就几乎可以搞定所有的图床了。
这里比较推荐使用 码云 ,相比 Github 来说,它速度更快;相比其他云服务来说,配置比较简单,而且还免费。
因为原生是没有支持 Gitee 的,所以我们首先需要安装插件(安装前请查看文档》》),在 PicGo 的插件设置中搜索 “gitee” 即可进行安装。
安装完成后,就可以在 “图床设置” 里面看到 Gitee 图床,点击即可进入图床设置界面。如下:
其中:
- url:指 Gitee 的地址。默认情况下都是
https://gitee.com
- owner:指 Gitee 的用户名
- repo:指在 Gitee 上创建的 Git 仓库名
- path:指仓库中的路径。比如 Imgs/ 等自定义名称
- token: 私人令牌。需要在 gitee access token 上创建。注意,此 token 只会出现一次,关闭后将不可见。
- message:指每次上传提交的 message。可以自定义。(好像不一定有效,应该是个 bug
配置完成后就可以上传啦~ 其他配置可以参考 配置手册
Markdown 编辑器
比较推荐 Typora ,样式颜值比较高,功能比较齐全,还打通了 PicGo ,直接将图片黏贴到编辑区,便可实现自己通过 PicGo 上传到图床。(需要在设置里面打开上传服务器的功能。如下图
怎么跨设备同步
在 2020 年的今天,没有云同步怎么能说优雅呢?
这里推荐的是 OneDrive ,Windows 自带,跨平台,空间便宜,按需同步等。
只需要把 Typora 的默认文件夹设置成 Onedrive 中的文件夹,既可实现在 A 机器上编辑完成后(顺带打开Typora 的自动保存),直接换到另外一台机器继续编辑啦~~
怎么把 Markdown 文件方便的插入到各大网站
推荐使用 markdown here 可以非常方便的将 Markdown 一键转成 Html 文档。
总结
工欲善其事,必先利其器。将 PicGo + Gitee + Typora + Onedrive + Markdown here 几乎可以解决所有的文档分享和编辑需求。