• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏跨境李逍遥吧

Markdown高级

学习 hulk 6年前 (2018-08-19) 597次浏览 0个评论 扫描二维码

Markdown高级

为什么这篇文章叫Markdown高级呢?

在前面的几篇关于Markdown的文章里,我们根据维基百科内容,已经将全部的Markdown标准语法都学习了一遍。但是实际应用中,有很多极客并不满足于仅仅使用Markdown的标准语法,因此Markdown还衍生了很多其他的分支版本。比较出名的有 GitHub Flavored MarkdownCommonMarkMultiMarkdown。这几种语法规范各有特点,并不完全相同,增加了很多新的功能。

另外不同的Markdown编辑器除了支持标准版Markdown语法以外,还会支持不同分支版本的Markdown语法规范。在实际使用过程中,需要用相应的编辑器去编写它所支持的Markdown分支版本。当然你也可以全部都学,用哪个编辑器就顺便学习一下该编辑器支持的Markdown拓展语法,毕竟Markdown真的很简单,它的拓展语法也没有多难,学习起来没有啥时间成本。

对于一般的文字工作者来着,标准版的Markdown语法已经足够应付平时的工作。但如果还想进一步学习更多应用的话,就需要学习一些衍生语法。考虑到我使用的编辑器是 Typora ,所以接下来我会简单的介绍一下 Typora 所支持的 Markdown 高级语法。以下高级语法部分先后:

  • 表格

表格的语法主要是通过竖线 |来进行创建表格,以及 :来确定对齐方式,其中第一行内容为表头,第二行为对齐方式。举例:

  |默认对齐|左对齐|右对齐|中间对齐|
  |-------|:----|-----:|:----:|
  |内容|内容|内容|内容|

展示效果:

默认对齐 左对齐 右对齐 中间对齐
内容 内容 内容 内容
  • 清单

清单的语法是通过一个短线 - 加上一对中括号 []和一个空格组成。其中未完成的清单则中括号里面为空,已完成的清单则中括号里面一个X这个语法我使用的频率非常高,非常实用和简单。举例:

  - [ ] 未完成清单
  - [X] 已完成清单

展示效果:

  • 未完成清单

  • 已完成清单

  • 代码块

代码块的语法题通过在一行的开头输入一对三反引号 ```来完成,举例:

  ```print 'hello world' ```

展示效果:

print 'hello world'

  • 数学公式模块

这个通过在一行的开头输入一对$$来表示,举例:

  $$
  \mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix} 
  \mathbf{i} & \mathbf{j} & \mathbf{k} \\
  \frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
  \frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
  \end{vmatrix}
  $$

展示效果:

这个是用了帮助文件的案例,这个数学公式涉及到MathJax,我也不太懂,也基本不太会用的上吧。看不懂可以不看了。

  • 数学公式

数学公式通过一对单$表示,举例:

  
  $\lim_{x \to \infty} \exp(-x) = 0$

展示效果:

这个例子也是帮助文件里面的。不怎么用到。

  • 脚注

脚注语法通过一对中括号里面加上一个上角标来表示[^ ],举例:

  脚注可以通过这样的方式创建[^脚注]
  [^脚注]: 这里是脚注的内容。

展示效果:

脚注可以通过这样的方式创建脚注

[脚注]  这里是脚注的内容。
  • YAML Front Matter

这个也不太用到,就是在文章最开头的地方通过连续的三个短线表示---,这个无法举例,只能最开头的部分去写,这样就太不美观了,反正不怎么用就不理他了。

  • 内容目录

这个语法经常使用到,用来创建目录非常有效。通过一对中括号里面加入TOC表示`[TOC]展示的目录为各级标题目录如一级、二级、三级标题。举例:

  [TOC]

展示效果:

  • URLs

创建URL链接的语法,可以通过一对尖括号完成<>,举例:

  <helloworld@markdown.com>

展示效果:

helloworld@markdown.com这个是我随便乱写的邮箱名。

  • 代码

可以通过一对反引号表示里面的内容为代码,举例:

  `print`

展示效果:

print

  • 删除线

删除线的语法是一对双波浪线~~,举例:

  ~~要删除的内容~~

展示效果:

要删除的内容

  • 下划线

下划线的语法需要用到HTML的内容,也很简单<u> </u>,直接举例:

  <u>下划线的内容</u>

展示效果:

下划线的内容

  • Emoji表情

Topora还支持Emoji表情的Markdown语法,这个对我来说喜出望外。非常简单一对冒号::中加表情情绪的词汇就可以,情绪词汇需要用英语表示,举例:

  :smile:
  :cry:

展示效果:

😄😢

  • HTML

Typora还支持有限的几个HTML语法,这有点小彩蛋的意思,虽然用的不多也还是介绍一下:

除了前面说的下划线,和图片之外(图片链接中还支持宽度,高度,缩放,风格),还支持评论,和超链。举例:

评论:

  <!-- 这是一个评论 -->

展示效果:

<!– 这是一个评论 –>

超链:

  <a href="https://www.hulklee.com/go.html/?url=http://typora.io"  target="_blank">link</a>

展示效果:

link

  • 下角标

通过一对波浪线~表示,举例:

  H~2~O

展示效果:

H2O

  • 上角标

通过一对上三角^表示,举例:

  O~2~

展示效果:

O2

  • 高亮

使用一对双等号==表示,举例:

  ==高亮内容==

展示效果:

高亮内容

  • 序列图

直接举例:

  
  ```sequence
  Alice->Bob: Hello Bob, how are you?
  Note right of Bob: Bob thinks
  Bob-->Alice: I am good thanks!
  ```

展示效果:

AliceAliceBobBobHello Bob, how are you?Bob thinksI am good thanks!

  • 流程图

直接举例:

  
  ```flow
  st=>start: Start
  op=>operation: Your Operation
  cond=>condition: Yes or No?
  e=>end
  
  st->op->cond
  cond(yes)->e
  cond(no)->op
  ```

展示效果:

StartYour OperationYes or No?Endyesno

  • 甘特图

这个就不举例了,非常复杂,也几乎不会用到。甘特图用excel做或者用xmind做会更方便。

至此全部的语法内容就说完了。大部分不怎么用的上,所以也不需要记忆,遇到需要用的就查询一下就好,熟练牢记之前的那些初级语法就足以应对一般的写作任务。

备注:这些语法和应用都可以在 Typora 的帮助文档中找到。另外有一些在公众号无法展示效果的,请点击阅读原文查看效果。还有部分阅读原文也查看不了效果的就只能通过Typora看效果了。😢


今日语录:

铁杵能磨成针,但木杵只能磨成牙签。材料不对,再努力也没用。—李敖


本文标题:Markdown高级
转载请保留页面地址:https://www.hulklee.com/markdown-advanced/
喜欢 (0)
[]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址