博客园MarkDown编辑器使用测试（源码）

 

 

**（注：本文内容完全来自“为知笔记”，并非本人撰写，目的在于测试为知笔记的markdown笔记发布到博客园后的效果，侵删~）**

如果你想创建格式美美的，且包含文字，表格，图片，公式甚至是不同型号标题的笔记，那么推荐你使用 Markdown 笔记。为知笔记支持 Markdown 的渲染，用简单的语法就可以写出赏心悦目的笔记。

##### 简单两步完成操作

1. 直接新建普通的笔记，在标题加 .md 后缀 

2. 在正文中撰写 Markdown 语法，点击保存并阅读，就可以看到渲染后美美的笔记啦。

简单介绍几种常用语法

##### 标题

在行首插入 1 到 6个#，分别表示标题 1 到标题 6

```

 ##### 这是标题5

 ###### 这是标题6

```

 

##### 这是标题5

###### 这是标题6

##### 列表

###### 有序列表

有序列表则使用数字加一个英文句点，并加空格，再输入文字

```

1. 你好

1. 为知笔记

1. 加油！

```

1. 你好

1. 为知笔记

1. 加油！

###### 无序序列表

无序列表使用星号、加号或是减号作为列表标记，并加一个空格，再输入文字

```

+ Android

+ iPhone

+ iPad

```

+ Android

+ iPhone

+ iPad

##### 链接

[描述]（链接地址）

```

[为知笔记](www.wiz.cn)

```

[为知笔记](www.wiz.cn)

##### 表格

```

| 为知笔记|客户端  | 版本 |

|-------|------|--------|

| WizNote | iPhone| 7.0.0 |

```
<br/>

 

| 为知笔记|客户端  | 版本 |

|-|-|-|

| WizNote | iPhone| 7.0.0 |

##### 图片

直接将图片插入到对应的位置即可，无需任何语法，比一般的 Markdown 编辑器简单很多。

##### 目录 

在任何你想要展示Markdown 笔记目录的地方，添加 `[TOC]`

 

点击保存后的效果：

 

[TOC]

 

##### Mathjax 公式

    可以创建行内公式，例如：$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$    

    或者块级公式，

    $$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$

 

点击保存后的效果： 

 

可以创建行内公式，例如：$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$

或者块级公式：

$$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$

 

 

##### 流程图

 

```flow 

st=>start: Start:>http://www.google.com[blank]

e=>end:>http://www.google.com

op1=>operation: My Operation

sub1=>subroutine: My Subroutine

cond=>condition: Yes

or No?:>http://www.google.com

io=>inputoutput: catch something...

 

st->op1->cond

cond(yes)->io->e

cond(no)->sub1(right)->op1

```

[了解更多关于流程图的语法说明](http://adrai.github.io/flowchart.js/ )

 

 

除了以上 Markdown 中一般用到的基本语法，为知笔记还支持引用、时序图、脚注等渲染哦~查看更多 [为知笔记 Markdown 新手指南](http://blog.wiz.cn/feature-markdown.html)

 

 

##### Mac 端支持更换 Markdown 模板

除了默认提供的 Markdown 渲染样式，为知笔记 Mac 端还提供了更多 Markdown 渲染模板供你选择哦~

点击系统顶部菜单 WizNote->偏好设置->阅读->选择markdown模板->选中相应模板->确定 即可