Markdown笔记

房东的猫 提交于 2020-02-06 05:29:03

Markdown 是一种方便记忆、书写的纯文本标记语言,用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档。
刚刚接触Markdown,边学边做笔记。

标题


标题(h1-h6)可用用相应个数的#,如下面的代码将生成h3标题:

### this is a level-3 header ###

特别的,标题h1和h2可以用=(最高阶标题)和-(第二阶标题)生成:

this is h1
===

this is h2
---

=或者-的个数必须等于或多于三个。

段落和换行


使用一个或多个空行分隔内容段来生成段落(<p>)。
在行末输入两个或以上空格来生成换行(<br/>)

如果需要多个空行,可以手动插入换行符<br>

强调


被一个*_包围的文字会被<em>标签包围,变成斜体字:

*single asterisks*
_single underscores_

被两个*_包围的文字会被<strong>标签包围,被加粗:

**double asterisks**
__double underscores__


公式


$包围公式可以在行内生成公式,\(y=x^2\),用两个$包围并且自成一个段落的公式会自动居中:

\[E=mc^2\]
上面两个公式分别是:

$y=x^2$

$$E=mc^2$$


删除线


被两个~包围的文字将产生删除线效果

~~这里是要删除的内容~~


分隔线


在一行之内使用三个或以上*_来建立分隔线(<hr>),需要单独占一行:

***
* * *
* * * * *
___
_ _ _ _


区块引用


使用>作为段落前缀来标识文字段落,引用可以嵌套。

one day,
I lost my lover,

this is just a test
this is just a test

I'm sad now.

上面的区块由下面的书写生成:

> one day,  
> I lost my lover,
>> this is just a test  
>> this is just a test
> 
> I'm sad now.


列表


使用* + -来生成无序列表(<ul>):

  • apple
  • banana
  • orange
- apple
- banana
- orange

使用一个数字紧跟一个.再加空格来生成有序列表(<ol>):

1. apple
2. banana
3. orange


代码


使用反引号`来表示行内代码,这部分文字将会被<code>标签包围:

`markdown`

行内引用单个反引号`(也就是说,如果要行内引用反引号,要用两个反引号前后包裹起来):

`` ` `` 

使用4个空格或者一个制表符(tab)缩进表示代码区块,它们将被<pre><code>包裹:

    var a = 10
        , b = 20;

除了使用tab之外,还可以使用```的形式:

```javascript
var a = 10, b = 20;
alert(a + b);
```

注:上面的区块里使用了```,所以外层需要4个`
效果:

var a = 10, b = 20;
alert(a + b);

代码高亮的话,如果用 4 个空格或者一个 tab,在博客园有时会 "染色混乱"。而 Github 似乎对此完全不进行染色了,所以如果是特定语言的代码,可以这样写。

链接


行内式语法:
click here
click here

click [here](http://www.cnblogs.com/tonyc/ 'tonyc\'s blog')
click [here](http://www.cnblogs.com/tonyc/)

参考式语法:

  1. JavaScript | MDN
  2. ECMAScript 6 入门 阮一峰
  3. InfoQ JavaScript
1. [JavaScript | MDN][1]
2. [ECMAScript 6 入门 阮一峰][2]
3. [InfoQ JavaScript][3]

[1]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 
[2]: http://es6.ruanyifeng.com/ 'RuanYifeng'
[3]: http://www.infoq.com/cn/javascript/?utm_source=infoq&utm_medium=header_graybar&utm_campaign=topic_clk

参考式语法这样的链接定义,你可以把它放到文章的任意位置。

自动链接:
http://www.cnblogs.com/tonyc/
changtao@buaa.edu.cn

<http://www.cnblogs.com/tonyc/>
<changtao@buaa.edu.cn>

隐式链接标记:
I get 10 times more traffic from Google than from
Yahoo or MSN.

I get 10 times more traffic from [Google][] than from
[Yahoo][] or [MSN][].

  [google]: http://google.com/        "Google"
  [yahoo]:  http://search.yahoo.com/  "Yahoo Search"
  [msn]:    http://search.msn.com/    "MSN Search"


图片


图片的语法和链接相似,也有行内式和参考式两种(前面多个了!而已,而且[]内可以空白)。
avater
行内式:

![avater](http://images2017.cnblogs.com/blog/702421/201709/702421-20170921173751103-1248655714.png)
![avater](http://images2017.cnblogs.com/blog/702421/201709/702421-20170921173751103-1248655714.png 'Lenard')

参考式:

![avater][1]
[1]: http://images2017.cnblogs.com/blog/702421/201709/702421-20170921173751103-1248655714.png 'Lenard'

注:到目前为止, Markdown 还没有办法指定图片的宽高,如果你需要的话,你可以使用普通的标签。

转义字符


可以使用反斜杠\来插入一些在Markdown语法中有其他意义的符号。
Markdown支持的转义字符列表:

\   反斜线
`   反引号
*   星号
_   底线
{}  花括号
[]  方括号
()  括弧
#   井字号
+   加号
-   减号
.   英文句点
!   惊叹号


表格


表格

| name | age | Position |
|:---|:---:|---:|
| Curry | 28 | US |
| Kobe | 37 | US |

效果:

name age Position
Curry 28 US
Kobe 37 US

第二行的意思分别表示左对齐、居中、右对齐。

参考:
markdown在博客园的使用

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!