lazyken

# 换行

在段落末尾添加 4 个空格即可换行

# 标题

类似于 HTML 的 h1 等标签，格式为 # + 空格 + 标题名称
# 一级标题 ## 二级标题 ### 三级标题

# 一级标题

# 二级标题

# 三级标题

以此类推，共六级标题

# 列表

列表的显示只需在文字前加上“ - ”或者“ * ”，并用空格隔开即可，有序列表则在文字前直接加‘1.’，‘2.’，‘3.’ - 苹果 - 香蕉 - 橘子

  • 苹果
  • 香蕉
  • 橘子
  1. Apple
  2. Bananer
  3. orange

# 引用

引用只需要在该行文字前加一个>号即可，省略的写法是段落开头加一个大于号>
>这里是引用文字

这里是引用文字

这个引用有很多文字，这个引用有很多文字，这个引用有很多文字，这个引用有很多文字，这个引用有很多文字，这个引用有很多文字，这个引用有很多文字 这里换行了，但是没有空一行，所以还是处于引用内容区域

# 图片与链接

插入链接： 用[ ]把文本内容括起来紧跟着用( )把链接地址括起来。例：
[百度](http://www.baidu.com "百度") 显示为--> 百度 (opens new window)
插入图片：它和插入链接的区别就是前面多了一个！号，即![]() 。例：
![Baidu](https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png "百度")
显示为-->Baidu
最后还可以用引号包住并加上 选择性的 'title' 文字,用空格隔开放在链接后面

# 粗体和斜体

用一对星号*包住即是斜体，用一对两个星号**包住即是粗体
*这是斜体*， 这是粗体

# 表格

语法：

| Tables | Are | Cool |
| -------------|:-------------😐 -----😐
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |

显示为：

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

表格上下要空一行
tips：

  1. :-------------:居中
  2. -------------左对齐
  3. -----:右对齐
  4. -至少有一个,否则默认左对齐

# 代码框

使用两个```（tab 键上面那个点号）把代码括起来即可。第一行三个点后面可以跟代码的语言比如 JavaScript，这样代码可以被识别并高亮显示。

var app = new Vue({
  el: '#app',
  data: {},
  method: {}
});

``` javascript
var app = new Vue({
el:'#app',
data:{},
method:{}
})
```

# 分割线

分割线用三个*号表示

# 转义

有时候我们会遇到想写的一些符号正好是 markdown 的语法而无法显示，可以使用\符号来转义。
比如想显示# 一级标题，就可以这样写：\# 一级标题

# 上标和下标

markdown 也支持 html 语法，可以用<sup>表示上标①，用<sub>表示下标②

# 灰色底色

用 ` ` 添加灰色底色

# 设置文字颜色

方法一：

$\color{16进制颜色值}\text{内容}\color{16进制颜色值}\text{内容}$

效果： $\color{#ff0000}\text{内容}\color{#008000}\text{内容}$
方法二：使用标签

<font color='red'>内容</font>

内容

# 折叠内容

<details><summary>这里可以写 title</summary>
这里是折叠的内容
</details>

这里可以写title 这里是折叠的内容

# 锚点

MD 的每级标题都是一个锚点，在文档中使用使用链接即可跳转，相应规则：

注意，是在 MD 文档下生效，github 的 issue 不生效

# 标题一

语法：## 标题一

# 带有空格 的标题

语法：### 带有空格 的标题

# with code 带符号的锚点

语法：### `with code` 带符号的锚点

HTML 锚点 1,标签带有 id 属性即可

语法： <span id="html-1">HTML 锚点 1,标签带有 id 属性即可</span>

HTML 锚点 2,标签带有 id 属性即可

语法： <a id="html-2">HTML 锚点 2,标签带有 id 属性即可</a>

下面开始跳转：
跳转到"标题一"，语法：[跳转到"标题一"](#标题一)
跳转到"带有空格 的标题"，语法：[跳转到"带有空格 的标题"](#带有空格-的标题)
跳转到"with code 带符号的锚点"，语法：[跳转到"`with code` 带符号的锚点"](#with-code-带符号的锚点)
跳转到"span 标签"，语法：[跳转到"span 标签"](#html-1)
跳转到"a 标签"，语法：[跳转到"a 标签"](#html-2)

ToBeContinue……

←