A soul mate

文/懒小峰

图片与文本对其，宽为620px。
文章封面图展示要求：像素大于300x300就可以。

本文目录

基本技巧
- 代码
- 标题
- 粗斜体
- 链接
- 列表
- 引用
- 图片
- 换行
- 分隔符
高级技巧
- 行内html元素
- 符号转义

基本技巧

代码

如果你只想高亮语句中的某个函数名或关键字，可以使用 \`function_name()\`实现通常编辑器根据代码片段适配合适的高亮方法，但你也可以用 ``` 包裹一段代码，并指定一种语言

```css
.App {
    text-align: center;
    max-height: 100%;
}
```

呈现效果：

.App {
    text-align: center;
    max-height: 100%;
}

支持的语言：1c, abnf, accesslog, actionscript, ada, apache, applescript, arduino, armasm, asciidoc, aspectj, autohotkey, autoit, avrasm, awk, axapta, bash, basic, bnf, brainfuck, cal, capnproto, ceylon, clean, clojure, clojure-repl, cmake, coffeescript, coq, cos, cpp, crmsh, crystal, cs, csp, css, d, dart, delphi, diff, django, dns, dockerfile, dos, dsconfig, dts, dust, ebnf, elixir, elm, erb, erlang, erlang-repl, excel, fix, flix, fortran, fsharp, gams, gauss, gcode, gherkin, glsl, go, golo, gradle, groovy, haml, handlebars, haskell, haxe, hsp, htmlbars, http, hy, inform7, ini, irpf90, java, javascript, json, julia, kotlin, lasso, ldif, leaf, less, lisp, livecodeserver, livescript, llvm, lsl, lua, makefile, markdown, mathematica, matlab, maxima, mel, mercury, mipsasm, mizar, mojolicious, monkey, moonscript, n1ql, nginx, nimrod, nix, nsis, objectivec, ocaml, openscad, oxygene, parser3, perl, pf, php, pony, powershell, processing, profile, prolog, protobuf, puppet, purebasic, python, q, qml, r, rib, roboconf, rsl, ruby, ruleslanguage, rust, scala, scheme, scilab, scss, smali, smalltalk, sml, sqf, sql, stan, stata, step21, stylus, subunit, swift, taggerscript, tap, tcl, tex, thrift, tp, twig, typescript, vala, vbnet, vbscript, vbscript-html, verilog, vhdl, vim, x86asm, xl, xml, xquery, yaml, zephir

也可以使用 4 空格缩进，再贴上代码，实现相同的的效果

.App {
    text-align: center;
    max-height: 100%;
}

标题

标题能显示出文章的结构。行首插入 1-6 个 # ，每增加一个 # 表示更深入层次的内容，对应到标题的深度由 1-6 阶。

# Header 1

Header 1

## Header 2

Header 2

### Header 3

Header 3

#### Header 4

Header 4

##### Header 5

Header 5

###### Header 6

Header 6

粗斜体

*斜体文本*    
_斜体文本_  
**粗体文本**    
__粗体文本__  
***粗斜体文本***    
___粗斜体文本___

斜体文本
斜体文本
粗体文本
粗体文本
粗斜体文本
粗斜体文本

链接

文字链接 [链接名称](http://链接网址)  
网址链接

文字链接链接名称
网址链接 http://链接网址

列表

普通无序列表

- 列表文本前使用 [减号+空格]
+ 列表文本前使用 [加号+空格]
* 列表文本前使用 [星号+空格]

列表文本前使用 [减号+空格]

列表文本前使用 [加号+空格]

列表文本前使用 [星号+空格]

普通有序列表

1. 列表前使用 [数字+空格]
2. 我们会自动帮你添加数字
7. 不用担心数字不对，显示的时候我们会自动把这行的 7 纠正为 3

列表前使用 [数字+空格]
我们会自动帮你添加数字
不用担心数字不对，显示的时候我们会自动把这行的 7 纠正为 3

列表嵌套

1. 列出所有元素：
    - 无序列表元素 A
        1. 元素 A 的有序子列表
    - 前面加四个空格
2. 列表里的多段换行：
    前面必须加四个空格，
    这样换行，整体的格式不会乱
3. 列表里引用：

> 前面空一行

> 仍然需要在 >  前面加四个空格

列出所有元素：
- 无序列表元素 A
  1. 元素 A 的有序子列表
- 前面加四个空格
列表里的多段换行：
前面必须加四个空格，
这样换行，整体的格式不会乱
列表里引用：

前面空一行

仍然需要在 > 前面加四个空格

列表里代码段：

前面四个空格，之后按代码语法 ``` 书写

或者直接空八个，引入代码块

    $(document).ready(function () {
        alert('hello world');
    });

引用

普通引用

> 引用文本前使用 [大于号+空格]  
> 折行可以不加，新起一行都要加上哦

引用文本前使用 [大于号+空格]
折行可以不加，新起一行都要加上哦

引用里嵌套引用

最外层引用

多一个 > 嵌套一层引用

可以嵌套很多层

引用里嵌套列表

> - 这是引用里嵌套的一个列表
> - 还可以有子列表
>     * 子列表需要从 - 之后延后四个空格开始

这是引用里嵌套的一个列表

还可以有子列表

子列表需要从 - 之后延后四个空格开始
引用里嵌套代码块

>      同样的，在前面加四个空格形成代码块
>  
> ```
> 或者使用 ``` 形成代码块
> ```

同样的，在前面加四个空格形成代码块

或者使用 ``` 形成代码块

图片

跟链接的方法区别在于前面加了个感叹号 !，这样是不是觉得好记多了呢？

![图片名称](http://upload-images.jianshu.io/upload_images/8772908-ecfdbe42b2b6d048.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
当然，你也可以像网址那样对图片网址使用变量

这个链接用 1 作为网址变量 [图片][1].
然后在文档的结尾位变量赋值（网址）

换行

如果另起一行，只需在当前行结尾加 2 个空格  
在当前行的结尾加 2 个空格  
这行就会新起一行

如果是要起一个新段落，只需要空出一行即可。

分隔符

如果你有写分割线的习惯，可以新起一行输入三个减号-。当前后都有段落时，请空出一行：

前面的段落

---

后面的段落

高级技巧

行内html元素

目前只支持部分段内 HTML 元素效果，包括     ^{_{，如
键位显示
使用 Ctrl+Alt+Del 重启电脑
代码块
使用  元素同样可以形成代码块
粗斜体
 Markdown 在此处同样适用，如 *加粗*}}

符号转义

如果你的描述中需要用到 markdown 的符号，比如 _ # * 等，但又不想它被转义，这时候可以在这些符号前加反斜杠，如 \_ \# \* 进行避免。 \_不想这里的文本变斜体\_ \*\*不想这里的文本被加粗\*\*

参考:
[1]: http://upload-images.jianshu.io/upload_images/8772908-ecfdbe42b2b6d048.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240

MarkDown编辑器中目录可以跳转，中目录还没搞懂。

MarkDown常用技巧总结