MarkDown 学习笔记（三）

@(Markdown)[印象笔记|马克飞象|学习笔记]

---

序言

因为工作原因常会去编写一些 Wiki ，所以就想学习并使用Markdown来提高一下自己的文案能力。在Mac平台上 印象笔记 是一个非常不错的应用，如果印象笔记支持Markdown语法是多么棒的一件事情。于是发现了马克飞象，本次Markdown学习之旅将主要使用马克飞象来编辑自己的博文。

---

Markdown简介

Markdown是一种轻量级的标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的 HTML页面。——维基百科

表格

1.插入一个表格

Markdown使用管线图的方式实现表格，表格里面可以使用强调、链接等行内格式。
下面代码所示为一个基本的表格：

教程标题| 主要内容
-------|----------
关于Markdown | 简介Markdown，Markdown的优缺点
Markdown基础 | Markdown的**基本语法**，格式化文本、代码、列表、链接和图片、分割线、转义符等
Markdown表格和公式 | Markdown的**扩展语法**，表格、公式

解析html如下：

<table>
    <thead>
        <tr>
            <th>教程标题</th>
            <th>主要内容</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>关于Markdown</td>
            <td>简介Markdown，Markdown的优缺点</td>
        </tr>
        <tr>
            <td>Markdown基础</td>
            <td>Markdown的<strong>基本语法</strong>，格式化文本、代码、列表、链接和图片、分割线、转义符等</td>
        </tr>
        <tr>
            <td>Markdown扩展</td>
            <td>Markdown的<strong>扩展语法</strong>，表格、公式、UML图</td>
        </tr>
    </tbody>
</table>

在网页中结果如下：

教程标题	主要内容
关于Markdown	简介Markdown，Markdown的优缺点
Markdown基础	Markdown的基本语法，格式化文本、代码、列表、链接和图片、分割线、转义符等
Markdown表格和公式	Markdown的扩展语法，表格、公式

注意，为了美观起见，可以把前后端管线补齐，如下面代码所示。

|  教程标题   | 主要内容                      |
|------------|------------------------------|
|关于Markdown | 简介Markdown，Markdown的优缺点|
|Markdown基础 | Markdown的**基本语法**，格式化文本、代码、列表、链接和图片、分割线、转义符等|
|Markdown扩展 | Markdown的**扩展语法**，表格、公式、UML图|

2.对齐方式

注意，我们同时可以指定表格单元格的对齐方式，如下面代码所示。

| Day     | Meal     | Price   |
|:--------|---------:|:-------:|
| Monday  | pasta    | $6      |
| Tuesday | chicken  | $8      |

显示在网页上结果为：

Day	Meal	Price
Monday	pasta	$6
Tuesday	chicken	$8

注意，表格列的宽度设置不能设置。Markdown更加关注内容，因此格式设置性能较弱，如果确实需要设置，请使用CSS。

LaTex 公式

通过使用MathJax，我们可以让Markdown解析LaTeX数学表达式，通常情况下，我们需要引入MathJax插件才可能工作。

<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>

1.行内公式

我们使用$...$的方式来包含行内公式，例如

一个简单的数学公式,求圆的面积$S=\pi r^2$。

编译之后表现在网页上，结果为：

一个简单的数学公式,求圆的面积$S=\pi r^2$。

$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$。

2.陈列公式（displayed formulas）

陈列公式使用$$...$$来表示，例如。

如果使用陈列公式，结果为：
一个简单的数学公式，求圆的面积。
$$
	S=\pi r^2
$$

解析在网页上结果为：

如果使用陈列公式，结果为：
一个简单的数学公式，求圆的面积。

$$S=\pi r^2$$

流程图以及时序图

```flow
    st=>start: Start
    e=>end
    op=>operation: My Operation
    cond=>condition: Yes or No?

    st->op->cond
    cond(yes)->e
    cond(no)->op
```

效果：

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

效果：

提示：想了解更多，请查看流程图语法以及时序图语法。

复选框

使用 - [ ] 和 - [x] 语法可以创建复选框，实现 todo-list 等功能。例如：

• [x] 已完成事项
• [ ] 待办事项1
• [ ] 待办事项2
• [ ]

印象笔记相关

笔记本和标签

马克飞象增加了@(笔记本)[标签A|标签B]语法, 以选择笔记本和添加标签。 绑定账号后， 输入(自动会出现笔记本列表，请从中选择。

笔记标题

马克飞象会自动使用文档内出现的第一个标题作为笔记标题。例如本文，就是第一行的 欢迎使用马克飞象。

编辑器相关

设置

右侧系统菜单（快捷键Cmd + M）的设置中，提供了界面字体、字号、自定义CSS、vim/emacs 键盘模式等高级选项。

快捷键

帮助 Cmd + /
同步文档 Cmd + S
创建文档 Cmd + Opt + N
最大化编辑器 Cmd + Enter
预览文档 Cmd + Opt + Enter
文档管理 Cmd + O
系统菜单 Cmd + M

加粗 Cmd + B
插入图片 Cmd + G
插入链接 Cmd + L
提升标题 Cmd + H

---

小结：

• 表格可以帮助我们轻松的解决排版、梳理定义等问题，并且不用写复杂<table>

• 公式的引入终于不用各种网上找图片了，跟word说再见，就是这么任性

• 流程图什么的最喜欢了，装逼技能Get，复选框虽然看上去很华丽，但是博客里面还是比较少用到的

• 马克飞象中提供了比较常用的几个快捷键，并有一些自己的特殊用法，不习惯的小伙伴可以推荐使用Mou，不过个人还是更倾向使用马克飞象，支持独立开发者。