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. 图片
```
```
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
