2018-04-22

---

title: "Habits"

author: John Doe

date: March 22, 2005

output: pdf_document

---

#Markdown使用说明书

##为什么用markdown {#1}

1. 排版简单优雅,不用像word一样费心去调整格式

2. 可以直接转换为html,pdf使用

3. 天生适合用来做笔记用,各大笔记应用都支持

##语法

1. 标题 #

```

# h1

## h2

### h3

#### h4

##### h5

###### h6

```

演示

# 一级标题

## 二级标题

*还有另外一种写法:*

```

一级标题

======================

二级标题

---------------------

```

2. 目录 [TOC]

```

[TOC]

```

演示

[TOC]

3. 引用 >

```

> 引用内容

```

演示

> 时间的大钟上只有两个字,现在。 - 居里夫人?

*可以嵌套使用比如*

```

> aaaaaaaaa

>> bbbbbbbbb

>>> cccccccccc

```

> aaaaaaaaa

>> bbbbbbbbb

>>> cccccccccc

4. 行内标记 ` 

一行显示所有内容

```

`

 

    < div>

    < div>

    < div>

`

```

`

 

   

   

   

`

5. 代码块 ```

```

 

   

   

   

```

**可以指定高亮语法**

```

    ```html

   

 

       

       

       


    ```

```

```html

 

   

   

   

```

**可以显示行号**

```

    ```javascript {.line-numbers}

    function add(x, y) {

    return x + y

    }

    ```

```

```javascript {.line-numbers}

function add(x, y) {

return x + y

}

```

6. 超链接

```

[百度](http://www.baidu.com/)

```

[百度](http://www.baidu.com/)

7. 图片

```

![](https://ss0.baidu.com/73x1bjeh1BF3odCf/it/u=3365640106,3567947167&fm=85&s=23137A86555303F54C7145170300D0C2)

```

![](https://ss0.baidu.com/73x1bjeh1BF3odCf/it/u=3365640106,3567947167&fm=85&s=23137A86555303F54C7145170300D0C2)

8. 列表(**注意空格**)

有序列表直接使用数字表示

```

1. one

2. two

3. three

```

无序列表用*(*或者是 - +*)

```

* one

* two

* three

```

列表支持嵌套

```

* 123

    * 123

        * 123

```

* 123

    * 123

        * 123

*列表嵌套代码块,换行+两个Tab*

9. 代办列表

```

- [x] 选项一

- [ ] 选项二 

- [ ] 选项三

```

- [x] 选项一

- [ ] 选项二 

- [ ] 选项三

10. 表格(了解)

First Header | Second Header | 3

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

11. 原生支持html以及内联css样式

```

内联样式

```

内联样式

12. 语义标记

```

*斜体*

_斜体_

**加粗**

__加粗__

***加粗+斜体***

**_加粗+斜体_**

~~删除线~~

上标 30^th^

下标 H~2~O

```

13. 语义标签(上标,下标,快捷键等)

```

斜体 斜体

加粗 加粗

强调 强调

上标 Za

下标 Za

键盘文本 Ctrl

```

斜体 斜体

加粗 加粗

强调 强调

上标 Za

下标 Za

键盘文本 Ctrl

14. 公式

```

$$ x \href{why-equal.html}{=} y^2 + 1 $$

```

$$ x \href{why-equal.html}{=} y^2 + 1 $$

15. 分割线

```

***

---

* * *

```

***

---

* * *

16. 脚注

```

Markdown[^1]

[^1]: Markdown是一种纯文本标记语言        // 在文章最后面显示脚注

```

Markdown[^1]

[^1]: Markdown是一种纯文本标记语言        // 在文章最后面显示脚注

17. 缩略

主要用于词汇定义和解释

```

*[HTML]: Hyper Text Markup Language

*[W3C]:  World Wide Web Consortium

The HTML specification is maintained by the W3C.

```

*[HTML]: Hyper Text Markup Language

*[W3C]:  World Wide Web Consortium

The HTML specification is maintained by the W3C.

18. 标记

背景颜色,黄色

```

==marked==

```

==marked==

19. 锚点

只有标题可以设置为锚点,注意空格

```

### 标题 {#1}

[跳转到锚点](#1)

```

[为什么用markdown?](#1)

20. 定义型列表(了解)

```

Markdown

:  轻量级文本标记语言,可以转换成html,pdf等格式  //  开头一个`:` + `Tab` 或 四个空格

代码块定义

:  代码块定义……

        var a = 10;        // 保持空一行与 递进缩进

```

21. 邮箱

```

```

22. 流程图(了解)

```flow

st=>start: 开始|past:> http://www.baidu.com

e=>end: 结束

c1=>condition: 条件1:>http://www.baidu.com[_parent]

c2=>condition: 条件2

c3=>condition: 条件3

io=>inputoutput: 输出

st->c1(yes,right)->c2(yes,right)->c3(yes,right)->io->e

c1(no)->e

c2(no)->e

c3(no)->e

```

23. 时序图(了解)

```sequence

A->>B: 你好

Note left of A: 我在左边    // 注释方向,只有左右,没有上下

Note right of B: 我在右边

B-->A: 很高兴认识你

```

##参考

markdown语法

https://www.jianshu.com/p/b03a8d7b1719

前端轻量编辑器 - vscode

https://code.visualstudio.com/

https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/

开源单文件编辑器 - MarkdowEditor

https://github.com/jijinggang/MarkdownEditor/tree/master/download

在线编辑器 - Cmd Markdown

https://www.zybuluo.com/mdeditor#1121298

http://markdown.xiaoshujiang.com/

JavaScript实现 - editor.md

https://pandao.github.io/editor.md/index.html

你可能感兴趣的:(2018-04-22)