Browse Source

Revert "Performance issue"

This reverts commit fdb0e84f89.
gh-pages
othree_kao 11 years ago
parent
commit
851f31b94c
  1. 1
      Han
  2. 16
      basics.md
  3. 33
      content.html
  4. 7
      footer.html
  5. 7
      general_footer.html
  6. 8
      header.html
  7. 55
      index.html
  8. 1225
      js/han.js
  9. 6
      js/jquery-2.0.3.min.js
  10. 16
      resources.html
  11. 2191
      stylesheets/han.css
  12. 25
      stylesheets/main.css
  13. 34
      syntax.md

1
Han

@ -1 +0,0 @@
Subproject commit 182e3f69bc606da652ec4bc52edd6ab343954640

16
basics.md

@ -8,13 +8,15 @@ Getting the Gist of Markdown's Formatting Syntax
其實直接試試看也是一個很不錯的方法, [Dingus][d]是一個網頁應用程式,讓你可以把你的Markdown文件轉成XHTML。 其實直接試試看也是一個很不錯的方法, [Dingus][d]是一個網頁應用程式,讓你可以把你的Markdown文件轉成XHTML。
**Note:** 這份文件本身也是用 Markdown 寫的,你也可以看看 [它的原始碼][src] **提示:**這份文件本身也是用Markdown寫的,你也可以看看[它的原始碼][src]
[s]: http://markdown.tw "Markdown Syntax" [s]: http://markdown.tw "Markdown Syntax"
[d]: http://daringfireball.net/projects/markdown/dingus "Markdown Dingus" [d]: http://daringfireball.net/projects/markdown/dingus "Markdown Dingus"
[src]: https://github.com/othree/markdown-syntax-zhtw/blob/master/basics.md [src]: https://github.com/othree/markdown-syntax-zhtw/blob/master/basics.md
## 段落、標題、區塊程式碼 ##
段落、標題、區塊程式碼
------------------
一個段落是由一個以上的連接的行句組成,而一個以上的空行則會切分出不同的段落(空行的定義是顯示上看起來像是空行,就被視為空行,例如有一行只有空白和tab,那該行也會被視為空行),一般的段落不需要用空白或斷行縮排。 一個段落是由一個以上的連接的行句組成,而一個以上的空行則會切分出不同的段落(空行的定義是顯示上看起來像是空行,就被視為空行,例如有一行只有空白和tab,那該行也會被視為空行),一般的段落不需要用空白或斷行縮排。
@ -74,7 +76,7 @@ Markdown:
Markdown使用星號和底線來標記需要強調的區段。 Markdown使用星號和底線來標記需要強調的區段。
Markdown: Markdown
Some of these words *are emphasized*. Some of these words *are emphasized*.
Some of these words _are emphasized also_. Some of these words _are emphasized also_.
@ -82,7 +84,7 @@ Markdown:
Use two asterisks for **strong emphasis**. Use two asterisks for **strong emphasis**.
Or, if you prefer, __use two underscores instead__. Or, if you prefer, __use two underscores instead__.
輸出: 輸出
<p>Some of these words <em>are emphasized</em>. <p>Some of these words <em>are emphasized</em>.
Some of these words <em>are emphasized also</em>.</p> Some of these words <em>are emphasized also</em>.</p>
@ -118,7 +120,7 @@ Markdown:
<li>Booze.</li> <li>Booze.</li>
</ul> </ul>
有序的清單則是使用一般的數字接著一個文句點作為項目標記: 有序的清單則是使用一般的數字接著一個西文句點作為項目標記:
1. Red 1. Red
2. Green 2. Green
@ -219,7 +221,7 @@ title 屬性是選擇性的,連結名稱可以用字母、數字和空格,
### 程式碼 ### ### 程式碼 ###
在一般的段落文字中,你可以使用反引號 `` ` `` 來標記程式碼區段,區段內的 `&`、`<` 和 `>` 都會被自動的轉換成 HTML 實體,這項特性讓你可以很容易的在程式碼區段內插入 HTML 碼: 在一般的段落文字中,你可以使用反引號`` ` ``來標記程式碼區段,區段內的 `&`、`<` 和 `>` 都會被自動地轉換成HTML實體,這項特性讓你可以很容易的在程式碼區段內插入HTML碼:
I strongly recommend against using any `<blink>` tags. I strongly recommend against using any `<blink>` tags.
@ -237,7 +239,7 @@ title 屬性是選擇性的,連結名稱可以用字母、數字和空格,
如果要建立一個已經格式化好的程式碼區塊,只要每行都縮排4個空格或是一個tab就可以了,而`&`、`<` 和 `>`也一樣會自動轉成HTML實體。 如果要建立一個已經格式化好的程式碼區塊,只要每行都縮排4個空格或是一個tab就可以了,而`&`、`<` 和 `>`也一樣會自動轉成HTML實體。
Markdown: Markdown
If you want your page to validate under XHTML 1.0 Strict, If you want your page to validate under XHTML 1.0 Strict,
you've got to put paragraph tags in your blockquotes: you've got to put paragraph tags in your blockquotes:

33
content.html

@ -2,7 +2,7 @@
<p><img src="http://markdown.tw/images/208x128.png" alt="Markdown" title="" /></p> <p><img src="http://markdown.tw/images/208x128.png" alt="Markdown" title="" /></p>
<p><strong>NOTE:</strong> This is Traditional Chinese Edition Document of <p lang="en"><strong>NOTE:</strong> This is Traditional Chinese Edition Document of
Markdown Syntax. If you are seeking for English Edition Markdown Syntax. If you are seeking for English Edition
Document. Please refer to <a href="http://daringfireball.net/projects/markdown/syntax">Markdown: Syntax</a>.</p> Document. Please refer to <a href="http://daringfireball.net/projects/markdown/syntax">Markdown: Syntax</a>.</p>
@ -31,7 +31,7 @@ Document. Please refer to <a href="http://daringfireball.net/projects/markdown/s
<li><a href="#code">程式碼</a></li> <li><a href="#code">程式碼</a></li>
<li><a href="#img">圖片</a></li> <li><a href="#img">圖片</a></li>
</ul></li> </ul></li>
<li><a href="#misc"></a> <li><a href="#misc"></a>
<ul> <ul>
<li><a href="#backslash">跳脫字元</a></li> <li><a href="#backslash">跳脫字元</a></li>
<li><a href="#autolink">自動連結</a></li> <li><a href="#autolink">自動連結</a></li>
@ -59,9 +59,9 @@ Document. Please refer to <a href="http://daringfireball.net/projects/markdown/s
<p>Markdown不是要來取代HTML,甚至也沒有要和它相似,它的語法種類不多,只和HTML的一部分有關係,重點<em>不是</em>要創造一種更容易寫作 HTML文件的語法,我認為HTML已經很容易寫了,Markdown的重點在於,它能讓文件更容易閱讀、編寫。HTML是一種<em>發佈</em>的格式,Markdown是一種<em>編寫</em>的格式,因此,Markdown的格式語法只涵蓋純文字可以涵蓋的範圍。</p> <p>Markdown不是要來取代HTML,甚至也沒有要和它相似,它的語法種類不多,只和HTML的一部分有關係,重點<em>不是</em>要創造一種更容易寫作 HTML文件的語法,我認為HTML已經很容易寫了,Markdown的重點在於,它能讓文件更容易閱讀、編寫。HTML是一種<em>發佈</em>的格式,Markdown是一種<em>編寫</em>的格式,因此,Markdown的格式語法只涵蓋純文字可以涵蓋的範圍。</p>
<p>不在 Markdown 涵蓋範圍之外的標籤,都可以直接在文件裡面用 HTML 撰寫。不需要額外標註這是 HTML 或是 Markdown;只要直接加標籤就可以了。</p> <p>不在Markdown涵蓋範圍之外的標籤,都可以直接在文件裡面用HTML撰寫。不需要額外標註這是HTML或是Markdown——只要直接加標籤就可以了。</p>
<p>只有區塊元素──比如 <code>&lt;div&gt;</code><code>&lt;table&gt;</code><code>&lt;pre&gt;</code><code>&lt;p&gt;</code> 等標籤,必需在前後加上空行,以利與內容區隔。而且這些元素的開始與結尾標籤,不可以用 tab 或是空白來縮排。Markdown 的產生器有智慧型判斷,可以避免在區塊標籤前後加上沒有必要的 <code>&lt;p&gt;</code> 標籤。</p> <p>只有區塊元素——比如<code>&lt;div&gt;</code><code>&lt;table&gt;</code><code>&lt;pre&gt;</code><code>&lt;p&gt;</code>等標籤——必需在前後加上空行,以利與內容區隔。而且這些元素的開始與結尾標籤,不可以用tab或是空白來縮排。Markdown的產生器有智慧型判斷,可以避免在區塊標籤前後加上沒有必要的<code>&lt;p&gt;</code>標籤。</p>
<p>舉例來說,在Markdown文件裡加上一段HTML表格:</p> <p>舉例來說,在Markdown文件裡加上一段HTML表格:</p>
@ -98,7 +98,7 @@ This is another regular paragraph.
<p>才能放到連結標籤的<code>href</code>屬性裡。不用說也知道這很容易忘記,這也可能是HTML標準檢查所檢查到的錯誤中,數量最多的。</p> <p>才能放到連結標籤的<code>href</code>屬性裡。不用說也知道這很容易忘記,這也可能是HTML標準檢查所檢查到的錯誤中,數量最多的。</p>
<p>Markdown 允許你直接使用這些符號,但是你要小心跳脫字元的使用,如果你是在HTML 實體中使用 <code>&amp;</code> 符號的話,它不會被轉換,而在其它情形下,它則會被轉換成 <code>&amp;amp;</code>。所以你如果要在文件中插入一個著作權的符號,你可以這樣寫:</p> <p>Markdown允許你直接使用這些符號,但是你要小心跳脫字元的使用,如果你是在HTML實體中使用<code>&amp;</code>符號的話,它不會被轉換,而在其他情形下,它則會被轉換成<code>&amp;amp;</code>。所以你如果要在文件中插入一個著作權的符號,你可以這樣寫:</p>
<pre><code>&amp;copy; <pre><code>&amp;copy;
</code></pre> </code></pre>
@ -133,7 +133,7 @@ This is another regular paragraph.
<p>一個段落是由一個以上相連接的行句組成,而一個以上的空行則會切分出不同的段落(空行的定義是顯示上看起來像是空行,便會被視為空行。比方說,若某一行只包含空白和tab,則該行也會被視為空行),一般的段落不需要用空白或斷行縮排。</p> <p>一個段落是由一個以上相連接的行句組成,而一個以上的空行則會切分出不同的段落(空行的定義是顯示上看起來像是空行,便會被視為空行。比方說,若某一行只包含空白和tab,則該行也會被視為空行),一般的段落不需要用空白或斷行縮排。</p>
<p>「一個以上相連接的行句組成」這句話其實暗示了 Markdown 允許段落內的強迫斷行,這個特性和其他大部分的 text-to-HTML 格式不一樣(包括 MovableType 的「Convert Line Breaks」選項),其它的格式會把每個斷行都轉成 <code>&lt;br /&gt;</code> 標籤。</p> <p>「一個以上相連接的行句組成」這句話其實暗示了Markdown允許段落內的強迫斷行,這個特性和其他大部分的text-to-HTML格式不一樣(包括 MovableType的「Convert Line Breaks」選項),其他的格式會把每個斷行都轉成<code>&lt;br /&gt;</code>標籤。</p>
<p>如果你<em>真的</em>想要插入<code>&lt;br /&gt;</code>標籤的話,在行尾加上兩個以上的空白,然後按enter。</p> <p>如果你<em>真的</em>想要插入<code>&lt;br /&gt;</code>標籤的話,在行尾加上兩個以上的空白,然後按enter。</p>
@ -154,7 +154,7 @@ This is an H2
<p>任何數量的<code>=</code><code>-</code>都可以有效果。</p> <p>任何數量的<code>=</code><code>-</code>都可以有效果。</p>
<p>Atx 形式則是在行首插入 1 到 6 個 <code>#</code> ,對應到標題 1 6 階,例如:</p> <p>Atx形式則是在行首插入1至6個<code>#</code>,對應到標題1到6階,例如:</p>
<pre><code># This is an H1 <pre><code># This is an H1
@ -274,7 +274,7 @@ id sem consectetuer libero luctus adipiscing.
<p>你都會得到完全相同的HTML輸出。重點在於,你可以讓Markdown文件的清單數字和輸出的結果相同,或是你懶一點,你可以完全不用在意數字的正確性。</p> <p>你都會得到完全相同的HTML輸出。重點在於,你可以讓Markdown文件的清單數字和輸出的結果相同,或是你懶一點,你可以完全不用在意數字的正確性。</p>
<p>如果你使用懶惰的寫法,建議第一個項目最好還是從 1. 開始,因為 Markdown 未來可能會支援有序清單的 start 屬性。</p> <p>如果你使用懶惰的寫法,建議第一個項目最好還是從「1.」開始,因為Markdown未來可能會支援有序清單的start屬性。</p>
<p>清單項目標記通常是放在最左邊,但是其實也可以縮排,最多三個空白,項目標記後面則一定要接著至少一個空白或tab。</p> <p>清單項目標記通常是放在最左邊,但是其實也可以縮排,最多三個空白,項目標記後面則一定要接著至少一個空白或tab。</p>
@ -296,8 +296,7 @@ viverra nec, fringilla in, laoreet vitae, risus.
Suspendisse id sem consectetuer libero luctus adipiscing. Suspendisse id sem consectetuer libero luctus adipiscing.
</code></pre> </code></pre>
<p>如果清單項目間用空行分開, Markdown 會把項目的內容在輸出時用 <code>&lt;p&gt;</code> <p>如果清單項目間用空行分開,Markdown會把項目的內容在輸出時用<code>&lt;p&gt;</code>標籤包起來,舉例來說:</p>
標籤包起來,舉例來說:</p>
<pre><code>* Bird <pre><code>* Bird
* Magic * Magic
@ -370,7 +369,7 @@ sit amet, consectetuer adipiscing elit.
<pre><code>1986. What a great season. <pre><code>1986. What a great season.
</code></pre> </code></pre>
<p>換句話說,也就是在行首出現<em>數字-句點-空白</em>,要避免這樣的狀況,你可以在句點前面加上反斜線。</p> <p>換句話說,也就是在行首出現<em>數字-句點-空白</em>,要避免這樣的狀況,你可以在句點前面加上反斜線。</p>
<pre><code>1986\. What a great season. <pre><code>1986\. What a great season.
</code></pre> </code></pre>
@ -394,7 +393,7 @@ sit amet, consectetuer adipiscing elit.
&lt;/code&gt;&lt;/pre&gt; &lt;/code&gt;&lt;/pre&gt;
</code></pre> </code></pre>
<p>這個每行一階的縮排(4 個空白或是 1 個 tab),都會被移除,例如:</p> <p>這個每行一階的縮排(4個空白或是tab),都會被移除,例如:</p>
<pre><code>Here is an example of AppleScript: <pre><code>Here is an example of AppleScript:
@ -455,7 +454,7 @@ end tell
<p>Markdown支援兩種形式的連結語法: <em>行內</em><em>參考</em>兩種形式。</p> <p>Markdown支援兩種形式的連結語法: <em>行內</em><em>參考</em>兩種形式。</p>
<p>不管是哪一種,連結的文字都是用 [方括號] 來標記。</p> <p>不管是哪一種,連結的文字都是用<code>[方括號]</code>來標記。</p>
<p>要建立一個行內形式的連結,只要在方塊括號後面馬上接著括號並插入網址連結即可,如果你還想要加上連結的title文字,只要在網址後面,用雙引號把title文字包起來即可,例如:</p> <p>要建立一個行內形式的連結,只要在方塊括號後面馬上接著括號並插入網址連結即可,如果你還想要加上連結的title文字,只要在網址後面,用雙引號把title文字包起來即可,例如:</p>
@ -531,7 +530,7 @@ title attribute.&lt;/p&gt;
[link text][A] [link text][A]
</code></pre> </code></pre>
<p><em>預設的連結標籤</em>功能讓你可以省略指定連結標籤,這種情形下,連結標籤和連結文字會視為相同,要用預設連結標籤只要在連結文字後面加上一個空的方括號,如果你要讓 "Google" 連結到 google.com,你可以簡化成:</p> <p><em>預設的連結標籤</em>功能讓你可以省略指定連結標籤,這種情形下,連結標籤和連結文字會視為相同,要用預設連結標籤只要在連結文字後面加上一個空的方括號,如果你要讓「Google」連結到google.com,你可以簡化成:</p>
<pre><code>[Google][] <pre><code>[Google][]
</code></pre> </code></pre>
@ -723,7 +722,7 @@ equivalent of &lt;code&gt;&amp;amp;mdash;&lt;/code&gt;.&lt;/p&gt;
<hr /> <hr />
<h2 id="misc"></h2> <h2 id="misc"></h2>
<h3 id="autolink">自動連結</h3> <h3 id="autolink">自動連結</h3>
@ -756,7 +755,7 @@ equivalent of &lt;code&gt;&amp;amp;mdash;&lt;/code&gt;.&lt;/p&gt;
<h3 id="backslash">跳脫字元</h3> <h3 id="backslash">跳脫字元</h3>
<p>Markdown 可以利用反斜線來插入一些在語法中有其意義的符號,例如:如果你想要用星號加在文字旁邊的方式來做出強調效果(但不用 <code>&lt;em&gt;</code> 標籤),你可以在星號的前面加上反斜線:</p> <p>Markdown可以利用反斜線來插入一些在語法中有其意義的符號,例如:如果你想要用星號加在文字旁邊的方式來做出強調效果(但不用<code>&lt;em&gt;</code>標籤),你可以在星號的前面加上反斜線:</p>
<pre><code>\*literal asterisks\* <pre><code>\*literal asterisks\*
</code></pre> </code></pre>
@ -779,4 +778,4 @@ _ 底線
<h2 id="acknowledgement">感謝</h2> <h2 id="acknowledgement">感謝</h2>
<p>感謝 <a href="https://twitter.com/#!/leafy7382">leafy7382</a> 協助翻譯,<a href="http://iamhlb.com/">hlb</a><a href="http://twitter.com/randylien">Randylien</a> 幫忙潤稿,<a href="https://twitter.com/#!/ethantw">ethantw</a> <a href="http://ethantw.net/projects/han/">漢字標準格式・CSS Reset</a> <a href="http://kidwm.net/">WM</a> 回報文字錯誤。</p> <p>感謝<a href="https://twitter.com/#!/leafy7382">leafy7382</a>協助翻譯,<a href="http://iamhlb.com/">hlb</a><a href="http://twitter.com/randylien">Randylien</a>幫忙潤稿,<a href="https://twitter.com/#!/ethantw">ethantw</a><a href="http://css.hanzi.co/">漢字標準格式</a>(Han.css)<a href="http://kidwm.net/">WM</a>回報文字錯誤。</p>

7
footer.html

@ -25,7 +25,6 @@
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
var _gaq = _gaq || []; var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21880461-1']); _gaq.push(['_setAccount', 'UA-21880461-1']);
_gaq.push(['_trackPageview']); _gaq.push(['_trackPageview']);
@ -35,9 +34,9 @@
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})(); })();
</script> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js></script>
<script src="Han/han.min.js"></script> <script src="/js/jquery-2.0.3.min.js"></script>
<script src="js/han.js"></script>
</body> </body>
</html> </html>

7
general_footer.html

@ -3,7 +3,6 @@
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
var _gaq = _gaq || []; var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21880461-1']); _gaq.push(['_setAccount', 'UA-21880461-1']);
_gaq.push(['_trackPageview']); _gaq.push(['_trackPageview']);
@ -13,9 +12,9 @@
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})(); })();
</script> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js></script>
<script src="Han/han.min.js"></script> <script src="/js/jquery-2.0.3.min.js"></script>
<script src="js/han.js"></script>
</body> </body>
</html> </html>

8
header.html

@ -1,14 +1,14 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-TW"> <html lang="zh-TW" class="han-biaodian-pro-cns han-la">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Markdown 語法說明</title> <title>Markdown 語法說明</title>
<link rel="stylesheet" media="all" href="Han/han.min.css"> <link rel="stylesheet" media="all" href="stylesheets/han.css">
<link rel="stylesheet" media="all" href="stylesheets/main.css"> <link rel="stylesheet" media="all" href="stylesheets/main.css">
<meta property="og:title" content="Markdown 語法說明" /> <meta property="og:title" content="Markdown 語法說明" />
<meta property="og:url" content="http://markdown.tw/" /> <meta property="og:url" content="http://markdown.tw/" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:description" content="Markdown 是很簡單的純文件格式,由於語法設計的好,近幾年廣泛應用在各種領域,包括 Github、Stackoverflow 等知名的網路服務都使用它,本網頁為該語法的中文說明" /> <meta property="og:description" content="Markdown 是很簡單的純文件格式,由於語法設計得好,近幾年廣泛應用在各種領域,包括 Github、Stack Overflow 等知名的網路服務都使用它,本網頁為該語法的中文說明" />
<meta property="og:image" content="http://markdown.tw/images/208x128.png" /> <meta property="og:image" content="http://markdown.tw/images/208x128.png" />
<meta property="og:image:width" content="208" /> <meta property="og:image:width" content="208" />
<meta property="og:image:height" content="128" /> <meta property="og:image:height" content="128" />
@ -19,5 +19,5 @@
<a href="/resources.html">資源</a> <a href="/resources.html">資源</a>
<a href="https://github.com/othree/markdown-syntax-zhtw/issues">回報錯誤</a> <a href="https://github.com/othree/markdown-syntax-zhtw/issues">回報錯誤</a>
</nav> </nav>
<div class="wikistyle">
<div class="wikistyle">

55
index.html

@ -1,14 +1,14 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-TW"> <html lang="zh-TW" class="han-biaodian-pro-cns han-la">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Markdown 語法說明</title> <title>Markdown 語法說明</title>
<link rel="stylesheet" media="all" href="Han/han.min.css"> <link rel="stylesheet" media="all" href="stylesheets/han.css">
<link rel="stylesheet" media="all" href="stylesheets/main.css"> <link rel="stylesheet" media="all" href="stylesheets/main.css">
<meta property="og:title" content="Markdown 語法說明" /> <meta property="og:title" content="Markdown 語法說明" />
<meta property="og:url" content="http://markdown.tw/" /> <meta property="og:url" content="http://markdown.tw/" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:description" content="Markdown 是很簡單的純文件格式,由於語法設計的好,近幾年廣泛應用在各種領域,包括 Github、Stackoverflow 等知名的網路服務都使用它,本網頁為該語法的中文說明" /> <meta property="og:description" content="Markdown 是很簡單的純文件格式,由於語法設計得好,近幾年廣泛應用在各種領域,包括 Github、Stack Overflow 等知名的網路服務都使用它,本網頁為該語法的中文說明" />
<meta property="og:image" content="http://markdown.tw/images/208x128.png" /> <meta property="og:image" content="http://markdown.tw/images/208x128.png" />
<meta property="og:image:width" content="208" /> <meta property="og:image:width" content="208" />
<meta property="og:image:height" content="128" /> <meta property="og:image:height" content="128" />
@ -19,13 +19,14 @@
<a href="/resources.html">資源</a> <a href="/resources.html">資源</a>
<a href="https://github.com/othree/markdown-syntax-zhtw/issues">回報錯誤</a> <a href="https://github.com/othree/markdown-syntax-zhtw/issues">回報錯誤</a>
</nav> </nav>
<div class="wikistyle"> <div class="wikistyle">
<h1>Markdown文件</h1> <h1>Markdown文件</h1>
<p><img src="http://markdown.tw/images/208x128.png" alt="Markdown" title="" /></p> <p><img src="http://markdown.tw/images/208x128.png" alt="Markdown" title="" /></p>
<p><strong>NOTE:</strong> This is Traditional Chinese Edition Document of <p lang="en"><strong>NOTE:</strong> This is Traditional Chinese Edition Document of
Markdown Syntax. If you are seeking for English Edition Markdown Syntax. If you are seeking for English Edition
Document. Please refer to <a href="http://daringfireball.net/projects/markdown/syntax">Markdown: Syntax</a>.</p> Document. Please refer to <a href="http://daringfireball.net/projects/markdown/syntax">Markdown: Syntax</a>.</p>
@ -54,7 +55,7 @@ Document. Please refer to <a href="http://daringfireball.net/projects/markdown/s
<li><a href="#code">程式碼</a></li> <li><a href="#code">程式碼</a></li>
<li><a href="#img">圖片</a></li> <li><a href="#img">圖片</a></li>
</ul></li> </ul></li>
<li><a href="#misc"></a> <li><a href="#misc"></a>
<ul> <ul>
<li><a href="#backslash">跳脫字元</a></li> <li><a href="#backslash">跳脫字元</a></li>
<li><a href="#autolink">自動連結</a></li> <li><a href="#autolink">自動連結</a></li>
@ -82,9 +83,9 @@ Document. Please refer to <a href="http://daringfireball.net/projects/markdown/s
<p>Markdown不是要來取代HTML,甚至也沒有要和它相似,它的語法種類不多,只和HTML的一部分有關係,重點<em>不是</em>要創造一種更容易寫作 HTML文件的語法,我認為HTML已經很容易寫了,Markdown的重點在於,它能讓文件更容易閱讀、編寫。HTML是一種<em>發佈</em>的格式,Markdown是一種<em>編寫</em>的格式,因此,Markdown的格式語法只涵蓋純文字可以涵蓋的範圍。</p> <p>Markdown不是要來取代HTML,甚至也沒有要和它相似,它的語法種類不多,只和HTML的一部分有關係,重點<em>不是</em>要創造一種更容易寫作 HTML文件的語法,我認為HTML已經很容易寫了,Markdown的重點在於,它能讓文件更容易閱讀、編寫。HTML是一種<em>發佈</em>的格式,Markdown是一種<em>編寫</em>的格式,因此,Markdown的格式語法只涵蓋純文字可以涵蓋的範圍。</p>
<p>不在 Markdown 涵蓋範圍之外的標籤,都可以直接在文件裡面用 HTML 撰寫。不需要額外標註這是 HTML 或是 Markdown;只要直接加標籤就可以了。</p> <p>不在Markdown涵蓋範圍之外的標籤,都可以直接在文件裡面用HTML撰寫。不需要額外標註這是HTML或是Markdown——只要直接加標籤就可以了。</p>
<p>只有區塊元素──比如 <code>&lt;div&gt;</code><code>&lt;table&gt;</code><code>&lt;pre&gt;</code><code>&lt;p&gt;</code> 等標籤,必需在前後加上空行,以利與內容區隔。而且這些元素的開始與結尾標籤,不可以用 tab 或是空白來縮排。Markdown 的產生器有智慧型判斷,可以避免在區塊標籤前後加上沒有必要的 <code>&lt;p&gt;</code> 標籤。</p> <p>只有區塊元素——比如<code>&lt;div&gt;</code><code>&lt;table&gt;</code><code>&lt;pre&gt;</code><code>&lt;p&gt;</code>等標籤——必需在前後加上空行,以利與內容區隔。而且這些元素的開始與結尾標籤,不可以用tab或是空白來縮排。Markdown的產生器有智慧型判斷,可以避免在區塊標籤前後加上沒有必要的<code>&lt;p&gt;</code>標籤。</p>
<p>舉例來說,在Markdown文件裡加上一段HTML表格:</p> <p>舉例來說,在Markdown文件裡加上一段HTML表格:</p>
@ -121,7 +122,7 @@ This is another regular paragraph.
<p>才能放到連結標籤的<code>href</code>屬性裡。不用說也知道這很容易忘記,這也可能是HTML標準檢查所檢查到的錯誤中,數量最多的。</p> <p>才能放到連結標籤的<code>href</code>屬性裡。不用說也知道這很容易忘記,這也可能是HTML標準檢查所檢查到的錯誤中,數量最多的。</p>
<p>Markdown 允許你直接使用這些符號,但是你要小心跳脫字元的使用,如果你是在HTML 實體中使用 <code>&amp;</code> 符號的話,它不會被轉換,而在其它情形下,它則會被轉換成 <code>&amp;amp;</code>。所以你如果要在文件中插入一個著作權的符號,你可以這樣寫:</p> <p>Markdown允許你直接使用這些符號,但是你要小心跳脫字元的使用,如果你是在HTML實體中使用<code>&amp;</code>符號的話,它不會被轉換,而在其他情形下,它則會被轉換成<code>&amp;amp;</code>。所以你如果要在文件中插入一個著作權的符號,你可以這樣寫:</p>
<pre><code>&amp;copy; <pre><code>&amp;copy;
</code></pre> </code></pre>
@ -156,7 +157,7 @@ This is another regular paragraph.
<p>一個段落是由一個以上相連接的行句組成,而一個以上的空行則會切分出不同的段落(空行的定義是顯示上看起來像是空行,便會被視為空行。比方說,若某一行只包含空白和tab,則該行也會被視為空行),一般的段落不需要用空白或斷行縮排。</p> <p>一個段落是由一個以上相連接的行句組成,而一個以上的空行則會切分出不同的段落(空行的定義是顯示上看起來像是空行,便會被視為空行。比方說,若某一行只包含空白和tab,則該行也會被視為空行),一般的段落不需要用空白或斷行縮排。</p>
<p>「一個以上相連接的行句組成」這句話其實暗示了 Markdown 允許段落內的強迫斷行,這個特性和其他大部分的 text-to-HTML 格式不一樣(包括 MovableType 的「Convert Line Breaks」選項),其它的格式會把每個斷行都轉成 <code>&lt;br /&gt;</code> 標籤。</p> <p>「一個以上相連接的行句組成」這句話其實暗示了Markdown允許段落內的強迫斷行,這個特性和其他大部分的text-to-HTML格式不一樣(包括 MovableType的「Convert Line Breaks」選項),其他的格式會把每個斷行都轉成<code>&lt;br /&gt;</code>標籤。</p>
<p>如果你<em>真的</em>想要插入<code>&lt;br /&gt;</code>標籤的話,在行尾加上兩個以上的空白,然後按enter。</p> <p>如果你<em>真的</em>想要插入<code>&lt;br /&gt;</code>標籤的話,在行尾加上兩個以上的空白,然後按enter。</p>
@ -177,7 +178,7 @@ This is an H2
<p>任何數量的<code>=</code><code>-</code>都可以有效果。</p> <p>任何數量的<code>=</code><code>-</code>都可以有效果。</p>
<p>Atx 形式則是在行首插入 1 到 6 個 <code>#</code> ,對應到標題 1 6 階,例如:</p> <p>Atx形式則是在行首插入1至6個<code>#</code>,對應到標題1到6階,例如:</p>
<pre><code># This is an H1 <pre><code># This is an H1
@ -195,7 +196,7 @@ This is an H2
### This is an H3 ###### ### This is an H3 ######
</code></pre> </code></pre>
<h3 id="blockquote">Blockquotes</h3> <h3 id="blockquote">區塊引言</h3>
<p>Markdown使用email形式的區塊引言,如果你很熟悉如何在email信件中引言,你就知道怎麼在Markdown文件中建立一個區塊引言,那會看起來像是你強迫斷行,然後在每行的最前面加上<code>&gt;</code></p> <p>Markdown使用email形式的區塊引言,如果你很熟悉如何在email信件中引言,你就知道怎麼在Markdown文件中建立一個區塊引言,那會看起來像是你強迫斷行,然後在每行的最前面加上<code>&gt;</code></p>
@ -297,7 +298,7 @@ id sem consectetuer libero luctus adipiscing.
<p>你都會得到完全相同的HTML輸出。重點在於,你可以讓Markdown文件的清單數字和輸出的結果相同,或是你懶一點,你可以完全不用在意數字的正確性。</p> <p>你都會得到完全相同的HTML輸出。重點在於,你可以讓Markdown文件的清單數字和輸出的結果相同,或是你懶一點,你可以完全不用在意數字的正確性。</p>
<p>如果你使用懶惰的寫法,建議第一個項目最好還是從 1. 開始,因為 Markdown 未來可能會支援有序清單的 start 屬性。</p> <p>如果你使用懶惰的寫法,建議第一個項目最好還是從「1.」開始,因為Markdown未來可能會支援有序清單的start屬性。</p>
<p>清單項目標記通常是放在最左邊,但是其實也可以縮排,最多三個空白,項目標記後面則一定要接著至少一個空白或tab。</p> <p>清單項目標記通常是放在最左邊,但是其實也可以縮排,最多三個空白,項目標記後面則一定要接著至少一個空白或tab。</p>
@ -319,8 +320,7 @@ viverra nec, fringilla in, laoreet vitae, risus.
Suspendisse id sem consectetuer libero luctus adipiscing. Suspendisse id sem consectetuer libero luctus adipiscing.
</code></pre> </code></pre>
<p>如果清單項目間用空行分開, Markdown 會把項目的內容在輸出時用 <code>&lt;p&gt;</code> <p>如果清單項目間用空行分開,Markdown會把項目的內容在輸出時用<code>&lt;p&gt;</code>標籤包起來,舉例來說:</p>
標籤包起來,舉例來說:</p>
<pre><code>* Bird <pre><code>* Bird
* Magic * Magic
@ -393,7 +393,7 @@ sit amet, consectetuer adipiscing elit.
<pre><code>1986. What a great season. <pre><code>1986. What a great season.
</code></pre> </code></pre>
<p>換句話說,也就是在行首出現<em>數字-句點-空白</em>,要避免這樣的狀況,你可以在句點前面加上反斜線。</p> <p>換句話說,也就是在行首出現<em>數字-句點-空白</em>,要避免這樣的狀況,你可以在句點前面加上反斜線。</p>
<pre><code>1986\. What a great season. <pre><code>1986\. What a great season.
</code></pre> </code></pre>
@ -417,7 +417,7 @@ sit amet, consectetuer adipiscing elit.
&lt;/code&gt;&lt;/pre&gt; &lt;/code&gt;&lt;/pre&gt;
</code></pre> </code></pre>
<p>這個每行一階的縮排(4 個空白或是 1 個 tab),都會被移除,例如:</p> <p>這個每行一階的縮排(4個空白或是tab),都會被移除,例如:</p>
<pre><code>Here is an example of AppleScript: <pre><code>Here is an example of AppleScript:
@ -478,7 +478,7 @@ end tell
<p>Markdown支援兩種形式的連結語法: <em>行內</em><em>參考</em>兩種形式。</p> <p>Markdown支援兩種形式的連結語法: <em>行內</em><em>參考</em>兩種形式。</p>
<p>不管是哪一種,連結的文字都是用 [方括號] 來標記。</p> <p>不管是哪一種,連結的文字都是用<code>[方括號]</code>來標記。</p>
<p>要建立一個行內形式的連結,只要在方塊括號後面馬上接著括號並插入網址連結即可,如果你還想要加上連結的title文字,只要在網址後面,用雙引號把title文字包起來即可,例如:</p> <p>要建立一個行內形式的連結,只要在方塊括號後面馬上接著括號並插入網址連結即可,如果你還想要加上連結的title文字,只要在網址後面,用雙引號把title文字包起來即可,例如:</p>
@ -554,7 +554,7 @@ title attribute.&lt;/p&gt;
[link text][A] [link text][A]
</code></pre> </code></pre>
<p><em>預設的連結標籤</em>功能讓你可以省略指定連結標籤,這種情形下,連結標籤和連結文字會視為相同,要用預設連結標籤只要在連結文字後面加上一個空的方括號,如果你要讓 "Google" 連結到 google.com,你可以簡化成:</p> <p><em>預設的連結標籤</em>功能讓你可以省略指定連結標籤,這種情形下,連結標籤和連結文字會視為相同,要用預設連結標籤只要在連結文字後面加上一個空的方括號,如果你要讓「Google」連結到google.com,你可以簡化成:</p>
<pre><code>[Google][] <pre><code>[Google][]
</code></pre> </code></pre>
@ -728,8 +728,7 @@ equivalent of &lt;code&gt;&amp;amp;mdash;&lt;/code&gt;.&lt;/p&gt;
<ul> <ul>
<li>一個驚嘆號<code>!</code></li> <li>一個驚嘆號<code>!</code></li>
<li>接著一個方括號,裡面放上圖片的替代文字</li> <li>接著一個方括號,裡面放上圖片的替代文字</li>
<li>接著一個普通括號,裡面放上圖片的網址,最後還可以用引號包住並加上 <li>接著一個普通括號,裡面放上圖片的網址,最後還可以用引號包住並加上選擇性的'title'文字。</li>
選擇性的 'title' 文字。</li>
</ul> </ul>
<p>參考式的圖片語法則長得像這樣:</p> <p>參考式的圖片語法則長得像這樣:</p>
@ -746,7 +745,7 @@ equivalent of &lt;code&gt;&amp;amp;mdash;&lt;/code&gt;.&lt;/p&gt;
<hr /> <hr />
<h2 id="misc"></h2> <h2 id="misc"></h2>
<h3 id="autolink">自動連結</h3> <h3 id="autolink">自動連結</h3>
@ -779,7 +778,7 @@ equivalent of &lt;code&gt;&amp;amp;mdash;&lt;/code&gt;.&lt;/p&gt;
<h3 id="backslash">跳脫字元</h3> <h3 id="backslash">跳脫字元</h3>
<p>Markdown 可以利用反斜線來插入一些在語法中有其意義的符號,例如:如果你想要用星號加在文字旁邊的方式來做出強調效果(但不用 <code>&lt;em&gt;</code> 標籤),你可以在星號的前面加上反斜線:</p> <p>Markdown可以利用反斜線來插入一些在語法中有其意義的符號,例如:如果你想要用星號加在文字旁邊的方式來做出強調效果(但不用<code>&lt;em&gt;</code>標籤),你可以在星號的前面加上反斜線:</p>
<pre><code>\*literal asterisks\* <pre><code>\*literal asterisks\*
</code></pre> </code></pre>
@ -802,10 +801,10 @@ _ 底線
<h2 id="acknowledgement">感謝</h2> <h2 id="acknowledgement">感謝</h2>
<p>感謝 <a href="https://twitter.com/#!/leafy7382">leafy7382</a> 協助翻譯,<a href="http://iamhlb.com/">hlb</a><a href="http://twitter.com/randylien">Randylien</a> 幫忙潤稿,<a href="https://twitter.com/#!/ethantw">ethantw</a> <a href="http://ethantw.net/projects/han/">漢字標準格式・CSS Reset</a> <a href="http://kidwm.net/">WM</a> 回報文字錯誤。</p> <p>感謝<a href="https://twitter.com/#!/leafy7382">leafy7382</a>協助翻譯,<a href="http://iamhlb.com/">hlb</a><a href="http://twitter.com/randylien">Randylien</a>幫忙潤稿,<a href="https://twitter.com/#!/ethantw">ethantw</a><a href="http://css.hanzi.co/">漢字標準格式</a>(Han.css)<a href="http://kidwm.net/">WM</a>回報文字錯誤。</p>
</div> </div><!-- /div.wikistyle -->
<div id="comments"> <div id="comments">
@ -829,8 +828,7 @@ _ 底線
</div> </div>
<script type="text/javascript"> <script>
var _gaq = _gaq || []; var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21880461-1']); _gaq.push(['_setAccount', 'UA-21880461-1']);
_gaq.push(['_trackPageview']); _gaq.push(['_trackPageview']);
@ -840,9 +838,8 @@ _ 底線
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})(); })();
</script> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js></script> <script src="/js/jquery-2.0.3.min.js"></script>
<script src="Han/han.min.js"></script> <script src="js/han.js"></script>
</body> </body>
</html> </html>

1225
js/han.js

File diff suppressed because it is too large Load Diff

6
js/jquery-2.0.3.min.js vendored

File diff suppressed because one or more lines are too long

16
resources.html

@ -1,14 +1,14 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-TW"> <html lang="zh-TW" class="han-biaodian-pro-cns han-la">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Markdown 語法說明</title> <title>Markdown 語法說明</title>
<link rel="stylesheet" media="all" href="Han/han.min.css"> <link rel="stylesheet" media="all" href="stylesheets/han.css">
<link rel="stylesheet" media="all" href="stylesheets/main.css"> <link rel="stylesheet" media="all" href="stylesheets/main.css">
<meta property="og:title" content="Markdown 語法說明" /> <meta property="og:title" content="Markdown 語法說明" />
<meta property="og:url" content="http://markdown.tw/" /> <meta property="og:url" content="http://markdown.tw/" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:description" content="Markdown 是很簡單的純文件格式,由於語法設計的好,近幾年廣泛應用在各種領域,包括 Github、Stackoverflow 等知名的網路服務都使用它,本網頁為該語法的中文說明" /> <meta property="og:description" content="Markdown 是很簡單的純文件格式,由於語法設計得好,近幾年廣泛應用在各種領域,包括 Github、Stack Overflow 等知名的網路服務都使用它,本網頁為該語法的中文說明" />
<meta property="og:image" content="http://markdown.tw/images/208x128.png" /> <meta property="og:image" content="http://markdown.tw/images/208x128.png" />
<meta property="og:image:width" content="208" /> <meta property="og:image:width" content="208" />
<meta property="og:image:height" content="128" /> <meta property="og:image:height" content="128" />
@ -19,6 +19,7 @@
<a href="/resources.html">資源</a> <a href="/resources.html">資源</a>
<a href="https://github.com/othree/markdown-syntax-zhtw/issues">回報錯誤</a> <a href="https://github.com/othree/markdown-syntax-zhtw/issues">回報錯誤</a>
</nav> </nav>
<div class="wikistyle"> <div class="wikistyle">
<h1>Markdown資源</h1> <h1>Markdown資源</h1>
@ -168,11 +169,10 @@
<p>感謝<a href="http://kidwm.net/">WM</a>協助整理</p> <p>感謝<a href="http://kidwm.net/">WM</a>協助整理</p>
</div> </div>
<script type="text/javascript">
<script type="text/javascript">
var _gaq = _gaq || []; var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21880461-1']); _gaq.push(['_setAccount', 'UA-21880461-1']);
_gaq.push(['_trackPageview']); _gaq.push(['_trackPageview']);
@ -182,9 +182,9 @@
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})(); })();
</script> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js></script>
<script src="Han/han.min.js"></script> <script src="/js/jquery-2.0.3.min.js"></script>
<script src="js/han.js"></script>
</body> </body>
</html> </html>

2191
stylesheets/han.css

File diff suppressed because it is too large Load Diff

25
stylesheets/main.css

@ -1,26 +1,31 @@
html { html,
font-family: sans-serif; html.han-biaodian-pro-cns {
} /* font-family: "Biaodian Pro Sans CNS", "Helvetica Neue", Arial, "Han Heiti", sans-serif; */
html.hasFontSmoothing-true {
font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
} }
body { body {
padding: 0 1em 1em; padding: 0 1em 1em;
} }
nav, div.wikistyle, #comments{
div.wikistyle ul li,
div.wikistyle ol li,
article.wikistyle ul li,
article.wikistyle ol li {
line-height: 1.2;
}
nav, div.wikistyle, article.wikistyle, #comments{
width: 760px; width: 760px;
margin: 0 auto; margin: 0 auto;
} }
div.wikistyle, #comments { div.wikistyle, article.wikistyle, #comments {
margin-top: 1em; margin-top: 1em;
} }
nav a { nav a {
margin-right: 0.5em; margin-right: 0.5em;
} }
nav, div.wikistyle, #comments{background-color:#f8f8f8;padding:.7em;} nav, div.wikistyle, article.wikistyle, #comments{background-color:#f8f8f8;padding:.7em;}
nav, div.wikistyle, #comments{border:1px solid #e9e9e9;} nav, div.wikistyle, article.wikistyle, #comments{border:1px solid #e9e9e9;}
.wikistyle h1,.wikistyle h2,.wikistyle h3,.wikistyle h4,.wikistyle h5,.wikistyle h6{border:0!important;} .wikistyle h1,.wikistyle h2,.wikistyle h3,.wikistyle h4,.wikistyle h5,.wikistyle h6{border:0!important;}
.wikistyle h1{font-size:170%!important;border-top:4px solid #aaa!important;padding-top:.5em!important;margin-top:1.5em!important;} .wikistyle h1{font-size:170%!important;border-top:4px solid #aaa!important;padding-top:.5em!important;margin-top:1.5em!important;}

34
syntax.md

@ -28,7 +28,7 @@ Markdown: Syntax
* [強調](#em) * [強調](#em)
* [程式碼](#code) * [程式碼](#code)
* [圖片](#img) * [圖片](#img)
* [](#misc) * [](#misc)
* [跳脫字元](#backslash) * [跳脫字元](#backslash)
* [自動連結](#autolink) * [自動連結](#autolink)
* [感謝](#acknowledgement) * [感謝](#acknowledgement)
@ -60,7 +60,7 @@ Markdown 的目標是實現「易讀易寫」。
Markdown的語法有個主要的目的:用來作為一種網路內容的*寫作*用語言。 Markdown的語法有個主要的目的:用來作為一種網路內容的*寫作*用語言。
Markdown 不是要來取代 HTML,甚至也沒有要和它相似,它的語法種類不多,只和 HTML 的一部分有關係,重點*不是*要創造一種更容易寫作 HTML 文件的語法,我認為 HTML 已經很容易寫了,Markdown 的重點在於,它能讓文件更容易閱讀、編寫。HTML 是一種*發佈*的格式,Markdown 是一種*編寫*的格式,因此,Markdown 的格式語法只涵蓋純文字可以涵蓋的範圍。 Markdown不是要來取代HTML,甚至也沒有要和它相似,它的語法種類不多,只和HTML的一部分有關係,重點*不是*要創造一種更容易寫作HTML文件的語法,我認為HTML已經很容易寫了,Markdow的重點在於,它能讓文件更容易閱讀、編寫。HTML 是一種*發佈*的格式,Markdown是一種*編寫*的格式,因此,Markdown的格式語法只涵蓋純文字可以涵蓋的範圍。
不在Markdown涵蓋範圍之外的標籤,都可以直接在文件裡面用HTML撰寫。不需要額外標註這是HTML或是Markdown;只要直接加標籤就可以了。 不在Markdown涵蓋範圍之外的標籤,都可以直接在文件裡面用HTML撰寫。不需要額外標註這是HTML或是Markdown;只要直接加標籤就可以了。
@ -86,7 +86,7 @@ HTML 區段標籤和區塊標籤不同,在區段標籤的範圍內, Markdown
<h3 id="autoescape">特殊字元自動轉換</h3> <h3 id="autoescape">特殊字元自動轉換</h3>
HTML 文件中,有兩個字元需要特殊處理: `<``&``<` 符號用於起始標籤,`&` 符號則用於標記 HTML 實體,如果你只是想要使用這些符號,你必須要使用實體的形式,像是 `&lt;``&amp;` HTML文件中,有兩個字元需要特殊處理:`<`和`&`。`<`符號用於起始標籤`&`符號則用於標記HTML實體,如果你只是想要使用這些符號,你必須要使用實體的形式,像是`&lt;`和`&amp;`
`&`符號其實很讓寫作網路文件的人感到困擾,如果你要打「AT&T」,你必須要寫成「`AT&amp;T`」,還得轉換網址內的`&`符號,如果你要連結到: `&`符號其實很讓寫作網路文件的人感到困擾,如果你要打「AT&T」,你必須要寫成「`AT&amp;T`」,還得轉換網址內的`&`符號,如果你要連結到:
@ -98,7 +98,7 @@ HTML 區段標籤和區塊標籤不同,在區段標籤的範圍內, Markdown
才能放到連結標籤的`href`屬性裡。不用說也知道這很容易忘記,這也可能是HTML標準檢查所檢查到的錯誤中,數量最多的。 才能放到連結標籤的`href`屬性裡。不用說也知道這很容易忘記,這也可能是HTML標準檢查所檢查到的錯誤中,數量最多的。
Markdown 允許你直接使用這些符號,但是你要小心跳脫字元的使用,如果你是在HTML 實體中使用 `&` 符號的話,它不會被轉換,而在其它情形下,它則會被轉換成 `&amp;`。所以你如果要在文件中插入一個著作權的符號,你可以這樣寫: Markdown允許你直接使用這些符號,但是你要小心跳脫字元的使用,如果你是在HTML實體中使用`&`符號的話,它不會被轉換,而在其他情形下,它則會被轉換成`&amp;`。所以你如果要在文件中插入一個著作權的符號,你可以這樣寫:
&copy; &copy;
@ -118,18 +118,16 @@ Markdown 將會把它轉換為:
4 &lt; 5 4 &lt; 5
不過需要注意的是,code 範圍內,不論是行內還是區塊, `<``&` 兩個符號都*一定*會被轉換成 HTML 實體,這項特性讓你可以很容易地用 Markdown 寫 HTML code (和 HTML 相對而言, HTML 語法中,你要把所有的 `<``&` 都轉換為 HTML 實體,才能在 HTML 文件裡面寫出 HTML code。) 不過需要注意的是,code範圍內,不論是行內還是區塊,`<`和`&`兩個符號都*一定*會被轉換成HTML實體,這項特性讓你可以很容易地用Markdown寫HTML code(和HTML相對而言。在HTML語法中,你要把所有的`<`和`&`都轉換為 HTML實體,才能在HTML文件裡面寫出HTML code。)
* * * * * *
<h2 id="block">區塊元素</h2> <h2 id="block">區塊元素</h2>
<h3 id="p">段落和換行</h3> <h3 id="p">段落和換行</h3>
一個段落是由一個以上相連接的行句組成,而一個以上的空行則會切分出不同的段落(空行的定義是顯示上看起來像是空行,便會被視為空行。比方說,若某一行只包含空白和tab,則該行也會被視為空行),一般的段落不需要用空白或斷行縮排。 一個段落是由一個以上相連接的行句組成,而一個以上的空行則會切分出不同的段落(空行的定義是顯示上看起來像是空行,便會被視為空行。比方說,若某一行只包含空白和tab,則該行也會被視為空行),一般的段落不需要用空白或斷行縮排。
「一個以上相連接的行句組成」這句話其實暗示了 Markdown 允許段落內的強迫斷行,這個特性和其他大部分的 text-to-HTML 格式不一樣(包括 MovableType 的「Convert Line Breaks」選項),其它的格式會把每個斷行都轉成 `<br />` 標籤。 「一個以上相連接的行句組成」這句話其實暗示了Markdown允許段落內的強迫斷行,這個特性和其他大部分的text-to-HTML格式不一樣(包括 MovableType的「Convert Line Breaks」選項),其他的格式會把每個斷行都轉成`<br />`標籤。
如果你*真的*想要插入`<br />`標籤的話,在行尾加上兩個以上的空白,然後按enter。 如果你*真的*想要插入`<br />`標籤的話,在行尾加上兩個以上的空白,然後按enter。
@ -152,7 +150,7 @@ Setext 形式是用底線的形式,利用 `=` (最高階標題)和 `-` (
任何數量的`=`和`-`都可以有效果。 任何數量的`=`和`-`都可以有效果。
Atx 形式則是在行首插入 1 6 `#` ,對應到標題 1 6 階,例如: Atx形式則是在行首插入1到6個 `#`對應到標題1到6階,例如:
# This is an H1 # This is an H1
@ -169,7 +167,7 @@ Atx 形式則是在行首插入 1 到 6 個 `#` ,對應到標題 1 到 6 階
### This is an H3 ###### ### This is an H3 ######
<h3 id="blockquote">Blockquotes</h3> <h3 id="blockquote">區塊引言</h3>
Markdown使用email形式的區塊引言,如果你很熟悉如何在email信件中引言,你就知道怎麼在Markdown文件中建立一個區塊引言,那會看起來像是你強迫斷行,然後在每行的最前面加上`>`: Markdown使用email形式的區塊引言,如果你很熟悉如何在email信件中引言,你就知道怎麼在Markdown文件中建立一個區塊引言,那會看起來像是你強迫斷行,然後在每行的最前面加上`>`:
@ -260,7 +258,7 @@ Markdown 支援有序清單和無序清單。
你都會得到完全相同的HTML輸出。重點在於,你可以讓Markdown文件的清單數字和輸出的結果相同,或是你懶一點,你可以完全不用在意數字的正確性。 你都會得到完全相同的HTML輸出。重點在於,你可以讓Markdown文件的清單數字和輸出的結果相同,或是你懶一點,你可以完全不用在意數字的正確性。
如果你使用懶惰的寫法,建議第一個項目最好還是從 1. 開始,因為 Markdown 未來可能會支援有序清單的 start 屬性。 如果你使用懶惰的寫法,建議第一個項目最好還是從「1.」開始,因為Markdown未來可能會支援有序清單的start屬性。
清單項目標記通常是放在最左邊,但是其實也可以縮排,最多三個空白,項目標記後面則一定要接著至少一個空白或tab。 清單項目標記通常是放在最左邊,但是其實也可以縮排,最多三個空白,項目標記後面則一定要接著至少一個空白或tab。
@ -280,8 +278,7 @@ Markdown 支援有序清單和無序清單。
* Donec sit amet nisl. Aliquam semper ipsum sit amet velit. * Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
Suspendisse id sem consectetuer libero luctus adipiscing. Suspendisse id sem consectetuer libero luctus adipiscing.
如果清單項目間用空行分開, Markdown 會把項目的內容在輸出時用 `<p>` 如果清單項目間用空行分開, Markdown會把項目的內容在輸出時用`<p>`標籤包起來,舉例來說:
標籤包起來,舉例來說:
* Bird * Bird
* Magic * Magic
@ -346,7 +343,7 @@ Markdown 支援有序清單和無序清單。
1986. What a great season. 1986. What a great season.
換句話說,也就是在行首出現*數字-句點-空白*,要避免這樣的狀況,你可以在句點前面加上反斜線。 換句話說,也就是在行首出現*數字-句點-空白*,要避免這樣的狀況,你可以在句點前面加上反斜線。
1986\. What a great season. 1986\. What a great season.
@ -655,7 +652,7 @@ Markdown 使用一種和連結很相似的語法來標記圖片,同樣也允
* * * * * *
<h2 id="misc"></h2> <h2 id="misc"></h2>
<h3 id="autolink">自動連結</h3> <h3 id="autolink">自動連結</h3>
@ -684,7 +681,7 @@ Markdown 會轉成:
<h3 id="backslash">跳脫字元</h3> <h3 id="backslash">跳脫字元</h3>
Markdown 可以利用反斜線來插入一些在語法中有其意義的符號,例如:如果你想要用星號加在文字旁邊的方式來做出強調效果(但不用 `<em>` 標籤),你可以在星號的前面加上反斜線: Markdown可以利用反斜線來插入一些在語法中有其意義的符號,例如:如果你想要用星號加在文字旁邊的方式來做出強調效果(但不用`<em>`標籤),你可以在星號的前面加上反斜線:
\*literal asterisks\* \*literal asterisks\*
@ -705,11 +702,12 @@ Markdown 支援在下面這些符號前面加上反斜線來幫助插入普通
<h2 id="acknowledgement">感謝</h2> <h2 id="acknowledgement">感謝</h2>
感謝 [leafy7382][] 協助翻譯,[hlb][]、[Randylien][] 幫忙潤稿,[ethantw][] 的[漢字標準格式・CSS Reset][], [WM][] 回報文字錯誤。 感謝[leafy7382][]協助翻譯,[hlb][]、[Randylien][]幫忙潤稿,[ethantw][]的[漢字標準格式][],[WM][]回報文字錯誤。
[leafy7382]: https://twitter.com/#!/leafy7382 [leafy7382]: https://twitter.com/#!/leafy7382
[hlb]: http://iamhlb.com/ [hlb]: http://iamhlb.com/
[Randylien]: http://twitter.com/randylien [Randylien]: http://twitter.com/randylien
[ethantw]: https://twitter.com/#!/ethantw [ethantw]: https://twitter.com/#!/ethantw
[漢字標準格式・CSS Reset]:http://ethantw.net/projects/han/ [漢字標準格式]: http://css.hanzi.co/
[WM]: http://kidwm.net/ [WM]: http://kidwm.net/

Loading…
Cancel
Save