Markdown常用标签和图片管理

Markdown 的入门教程网上很多,这里我只简单记录一些日常工作中经常使用的 Markdown 标签。

常用语法及快捷键

image

图中的快捷键不具备通用性,可以提供一些参考性

其他标记

反斜杠与代码块

\表示反斜杠,在你不想显示 Markdown 标记时可以使用反斜杠。``表示单行代码,```表示多行代码,另外这个标记也可以用于不想显示的 Markdown 标记。

语法

1
2
3
\*这里不会显示斜体\*
`code`

效果

*这里不会显示斜体*
code

表格

语法

1
2
3
一|二|三
:-|-:|:-
1|2|3

效果

1 2 3

删除线

语法

1
~~这是一条删除线~~

效果

这是一条删除线

锚点

用于页内跳转。其中定义id地方,虽然不太美观,不过只能写HTML。

语法

1
2
[点击我跳转到锚点](#jump)
<div id = "jump">我是一个锚点,跳到我这里来</div>

效果

点击我跳转到锚点

我是一个锚点,跳到我这里来

注脚

用于对一些文字进行扩展说明,区别于参考链接。

语法

1
2
这是一个注脚测试[^footer1]。
[^footer1]: 这是一个测试,用来阐释注脚。

效果

不知为何 hexo 好像不支持这个标签,所以效果请看截图

图片管理

博客的图片都采用七牛云存储图片,之所以取代图片存储在本地,主要原因在于3点:

  1. 博客发布速度快
  2. 访问网站时的加载速度快
  3. 方便管理,包括后期的加水印,防盗链等

图片上传网站

我用的是极简图床,这是一个网站。直接将图片复制或者拖动进去,就可以生成2类地址,还可以直接打开预览。

  1. 如果您使用的是公共空间,图片默认上传至贴图库图床,只要是合法合规的图片,图片会永久保存,如果您上传的内容包含违法、色情图片,可能随时被删除。
  2. 如果您上传至自定义七牛空间,只要您的七牛账号配额充裕,可永久保存,如果您的七牛账号欠费,外链的图片将无法正常显示。

我为了方便就申请了一个七牛云账号,然后绑定到极简图床,用起来还是比较方便的,免费 10G 的空间够我使劲造了,有兴趣的可以看这里的教程(传送门

总结

正如 Markdown官方文档所说

HTML 是一种发布的格式,Markdown 是一种书写的格式,
Markdown 语法的目标是:成为一种适用于网络的书写语言。

在一段时间的重度使用后,我已经完全习惯了 Markdown 的这种书写方式,可以沉浸于书写,而不用过多的分心于排版和布局,确实是集装逼和效率于一身的利器