1 <p><strong>声明:
</strong> 这份文档派生(fork)于
<a href=
"http://markdown.tw/">繁体中文版
</a>,在此基础上进行了繁体转简体工作,并进行了适当的润色。此文档用 Markdown 语法编写,你可以到这里
<a href=
"http://gitcafe.com/riku/Markdown-Syntax-CN/blob/master/basics.md">查看它的源文件
</a>。「繁体中文版的原始文件可以
<a href=
"https://github.com/othree/markdown-syntax-zhtw/blob/master/basics.md">查看这里
</a>」--By @
<a href=
"http://twitter.com/riku">riku
</a> / 本项目托管于
<a href=
"http://gitcafe.com/riku/Markdown-Syntax-CN">GitCafe
</a></p>
3 <p><strong>注:
</strong> 本项目同时也托管于
<a href=
"https://github.com/riku/Markdown-Syntax-CN">Github
</a>上,请通过 fork+pull request 方式来帮忙改进本项目。
</p>
5 <h1>Markdown: Basics (快速入门) / (
<a href=
"./index.html">点击查看完整语法说明
</a>)
</h1>
7 <h2>Getting the Gist of Markdown's Formatting Syntax
</h2>
9 <p>此页提供了 Markdown 的简单概念,
<a href=
"http://gitcafe.com/riku/Markdown-Syntax-CN/blob/master/syntax.md" title=
"Markdown Syntax">语法说明
</a> 页提供了完整详细的文档,说明了每项功能。但是 Markdown 其实很简单就可以上手,此页文档提供了一些范例,并且每个范例都会提供输出的 HTML 结果。
</p>
11 <p>其实直接试试看也是一个很不错的方法,
<a href=
"http://daringfireball.net/projects/markdown/dingus" title=
"Markdown Dingus">Dingus
</a> 是一个网页应用程序,你可以把自已编写的 Markdown 文档转成 XHTML。
</p>
15 <p>一个段落是由一个以上的连接的行句组成,而一个以上的空行则会划分出不同的段落(空行的定义是显示上看起来像是空行,就被视为空行,例如有一行只有空白和 tab,那该行也会被视为空行),一般的段落不需要用空白或换行缩进。
</p>
17 <p>Markdown 支持两种标题的语法,
<a href=
"http://docutils.sourceforge.net/mirror/setext.html">Setext
</a> 和
<a href=
"http://www.aaronsw.com/2002/atx/">atx
</a> 形式。Setext 形式是用底线的形式,利用
<code>=
</code> (最高阶标题)和
<code>-
</code> (第二阶标题),Atx 形式在行首插入
1 到
6 个
<code>#
</code> ,对应到标题
1 到
6 阶。
</p>
19 <p>区块引用则使用 email 形式的 '
<code>></code>' 角括号。
</p>
23 <pre><code>A First Level Header
28 Now is the time for all good men to come to
29 the aid of their country. This is just a
32 The quick brown fox jumped over the lazy
36 > This is a blockquote.
38 > This is the second paragraph in the blockquote.
40 > ## This is an H2 in a blockquote
45 <pre><code><h1
>A First Level Header
</h1
>
46 <h2
>A Second Level Header
</h2
>
47 <p
>Now is the time for all good men to come to
48 the aid of their country. This is just a
49 regular paragraph.
</p
>
50 <p
>The quick brown fox jumped over the lazy
52 <h3
>Header
3</h3
>
54 <p
>This is a blockquote.
</p
>
55 <p
>This is the second paragraph in the blockquote.
</p
>
56 <h2
>This is an H2 in a blockquote
</h2
>
62 <p>Markdown 使用星号和底线来标记需要强调的区段。
</p>
66 <pre><code>Some of these words *are emphasized*.
67 Some of these words _are emphasized also_.
68 Use two asterisks for **strong emphasis**.
69 Or, if you prefer, __use two underscores instead__.
74 <pre><code><p
>Some of these words
<em
>are emphasized
</em
>.
75 Some of these words
<em
>are emphasized also
</em
>.
</p
>
76 <p
>Use two asterisks for
<strong
>strong emphasis
</strong
>.
77 Or, if you prefer,
<strong
>use two underscores instead
</strong
>.
</p
>
82 <p>无序列表使用星号、加号和减号来做为列表的项目标记,这些符号是都可以使用的,使用星号:
</p>
105 <pre><code><ul
>
106 <li
>Candy.
</li
>
107 <li
>Gum.
</li
>
108 <li
>Booze.
</li
>
112 <p>有序的列表则是使用一般的数字接着一个英文句点作为项目标记:
</p>
121 <pre><code><ol
>
122 <li
>Red
</li
>
123 <li
>Green
</li
>
124 <li
>Blue
</li
>
128 <p>如果你在项目之间插入空行,那项目的内容会用
<code><p
></code> 包起来,你也可以在一个项目内放上多个段落,只要在它前面缩排
4 个空白或
1 个 tab 。
</p>
130 <pre><code>* A list item.
131 With multiple paragraphs.
133 * Another item in the list.
138 <pre><code><ul
>
139 <li
><p
>A list item.
</p
>
140 <p
>With multiple paragraphs.
</p
></li
>
141 <li
><p
>Another item in the list.
</p
></li
>
147 <p>Markdown 支援两种形式的链接语法:
<em>行内
</em> 和
<em>参考
</em> 两种形式,两种都是使用角括号来把文字转成连结。
</p>
149 <p>行内形式是直接在后面用括号直接接上链接:
</p>
151 <pre><code>This is an [example link](http://example.com/).
156 <pre><code><p
>This is an
<a
href=
"http://example.com/">
157 example link
</a
>.
</p
>
160 <p>你也可以选择性的加上 title 属性:
</p>
162 <pre><code>This is an [example link](http://example.com/
"With a Title").
167 <pre><code><p
>This is an
<a
href=
"http://example.com/" title=
"With a Title">
168 example link
</a
>.
</p
>
171 <p>参考形式的链接让你可以为链接定一个名称,之后你可以在文件的其他地方定义该链接的内容:
</p>
173 <pre><code>I get
10 times more traffic from [Google][
1] than from
174 [Yahoo][
2] or [MSN][
3].
176 [
1]: http://google.com/
"Google"
177 [
2]: http://search.yahoo.com/
"Yahoo Search"
178 [
3]: http://search.msn.com/
"MSN Search"
183 <pre><code><p
>I get
10 times more traffic from
<a
href=
"http://google.com/"
184 title=
"Google">Google
</a
> than from
<a
href=
"http://search.yahoo.com/"
185 title=
"Yahoo Search">Yahoo
</a
> or
<a
href=
"http://search.msn.com/"
186 title=
"MSN Search">MSN
</a
>.
</p
>
189 <p>title 属性是选择性的,链接名称可以用字母、数字和空格,但是不分大小写:
</p>
191 <pre><code>I start my morning with a cup of coffee and
192 [The New York Times][NY Times].
194 [ny times]: http://www.nytimes.com/
199 <pre><code><p
>I start my morning with a cup of coffee and
200 <a
href=
"http://www.nytimes.com/">The New York Times
</a
>.
</p
>
207 <p>行内形式(title 是选择性的):
</p>
209 <pre><code>![alt text](/path/to/img.jpg
"Title")
214 <pre><code>![alt text][id]
216 [id]: /path/to/img.jpg
"Title"
219 <p>上面两种方法都会输出 HTML 为:
</p>
221 <pre><code><img
src=
"/path/to/img.jpg" alt=
"alt text" title=
"Title" /
>
226 <p>在一般的段落文字中,你可以使用反引号
<code>`
</code> 来标记代码区段,区段内的
<code>&</code>、
<code><</code> 和
<code>></code> 都会被自动的转换成 HTML 实体,这项特性让你可以很容易的在代码区段内插入 HTML 码:
</p>
228 <pre><code>I strongly recommend against using any `
<blink
>` tags.
230 I wish SmartyPants used named entities like `
&mdash;`
231 instead of decimal-encoded entites like `
&#
8212;`.
236 <pre><code><p
>I strongly recommend against using any
237 <code
>&lt;blink
&gt;
</code
> tags.
</p
>
238 <p
>I wish SmartyPants used named entities like
239 <code
>&amp;mdash;
</code
> instead of decimal-encoded
240 entites like
<code
>&amp;#
8212;
</code
>.
</p
>
243 <p>如果要建立一个已经格式化好的代码区块,只要每行都缩进
4 个空格或是一个 tab 就可以了,而
<code>&</code>、
<code><</code> 和
<code>></code> 也一样会自动转成 HTML 实体。
</p>
247 <pre><code>If you want your page to validate under XHTML
1.0 Strict,
248 you've got to put paragraph tags in your blockquotes:
251 <p
>For example.
</p
>
257 <pre><code><p
>If you want your page to validate under XHTML
1.0 Strict,
258 you've got to put paragraph tags in your blockquotes:
</p
>
259 <pre
><code
>&lt;blockquote
&gt;
260 &lt;p
&gt;For example.
&lt;/p
&gt;
261 &lt;/blockquote
&gt;
262 </code
></pre
>