8.前端工具癖

Markdown入门“指北” (下)

2018-05-07  本文已影响21人  LiangXiaoV
Learn Markdown

上一篇文章Markdown入门“指北” 介绍了Markdown的一些基本用法,本文将介绍一个比较进阶的用法,学会使用进阶的用法,在基础用法的基础上,加上进阶用法,会让你排版更好看,锦上添花。Lets Go~

高级语法:

目录:

方法非常简单,直接添加[TOC],标题1~6样式的内容会被提取出来作为目录。有些编辑器不能使用这功能,比如简书。

如下效果图:


目录
实际编写如下:

[TOC]

# 标题一
……
## 标题二
……
### 标题三

列表:

id name score
001 xiao 90
002 Ford 80
003 Alan 95
id name score
001 xiao 90
002 Ford 80
003 Alan 95

仔细观察上述两个表格有什么区别?,最简单的就是表1的写法,其次是表2居中显示,稍微美观一点。还可以左对齐,右对齐,写法与表2类似。用:对齐,:写在在---的左边就是左对齐,右边就是右对齐,两边都写就是居中。

实际编写如下:

表1:
id    |   name   |   score
---   |   ---    |   ---
001   |   xiao   |   90
002   |   Ford   |   80
003   |   Alan   |   95

表2:
id    |   name   |   score
:---:   |   :---:    |   :---:
001   |   xiao   |   90
002   |   Ford   |   80
003   |   Alan   |   95

删除线:

使用 ~~ 表示删除线。
我是删除线

实际编写如下:

~~我是删除线~~

脚注:

脚注标签随便放在哪里生成的文档,永远显示在文章最后。

这是脚注1[1]

实际编写如下:

这是脚注1[^1]

[^1]: 我是脚注1

公式:

$表示行内公式
$$表示整行公式
PS:简书不支持此语法。

流程图:

像流程图,时序图等这种复杂的操作,最好在专门的编辑器中实现,像有道云笔记简书等记录平台,不支持。Cmd Markdown就支持如下效果图的流程图。
效果图如下:

流程图

实际编写如下:


流程图

序列图:

效果图如下:


序列图

实际编写如下:


序列图

待办事宜 Todo 列表

使用带有 [ ] 或 [x] (未完成或已完成)项的列表语法撰写一个待办事宜列表,并且支持子列表嵌套以及混用Markdown语法,例如:

自动链接:

用尖括号包<>住l链接地址,如:<https://huihut.github.io/>,<111111111@163.com>,显示效果如下:

网址自动链接
https://huihut.github.io/
电子邮件自动链接
111111111@163.com

标签

tags: [Markdown,语言]
categories: [技术]

字符转义

反斜线(\)用于插入在 Markdown 语法中有特殊作用的字符。

这是用来 演示文本
这是用来 *演示* 的 _文本_

实际编写如下:

这是用来 *演示* 的 _文本_
这是用来 \*演示\* 的 \_文本\_

这些字符包括:

\
`
*
_
{}
[]
()
#
+
-
.
!

总结:

此文章的语法是在Markdown基础语法之上的进阶语法,根据自己粗浅的理解总结而成。有朋友如果哪些地方看不懂,可以评论或者私信,互相交流,互通有无,更快进步。

参考资料:
Markdown 简易入门教程
Cmd Markdown 编辑阅读器


  1. 我是脚注1

上一篇下一篇

猜你喜欢

热点阅读