Performance issue

Revert "格式調整，更新新版Han.css及錯字修正（解決 #8 多數提及問題）"

This reverts commit 3367bbd877.

Han

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

basics.md

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

content.html

@@ -2,7 +2,7 @@
 
 <p><img src="http://markdown.tw/images/208x128.png" alt="Markdown" title="" /></p>
 
-<p lang="en"><strong>NOTE:</strong> This is Traditional Chinese Edition Document of
+<p><strong>NOTE:</strong> This is Traditional Chinese Edition Document of
 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>
 
@@ -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="#img">圖片</a></li>
 </ul></li>
-<li><a href="#misc">其他</a>
+<li><a href="#misc">其它</a>
 <ul>
 <li><a href="#backslash">跳脫字元</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或是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>
 
@@ -98,7 +98,7 @@ This is another regular paragraph.
 
 <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;
 </code></pre>
@@ -133,7 +133,7 @@ This is another regular paragraph.
 
 <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>
 
@@ -154,7 +154,7 @@ This is an H2
 
 <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
 
@@ -274,7 +274,7 @@ id sem consectetuer libero luctus adipiscing.
 
 <p>你都會得到完全相同的 HTML 輸出。重點在於，你可以讓 Markdown 文件的清單數字和輸出的結果相同，或是你懶一點，你可以完全不用在意數字的正確性。</p>
 
-<p>如果你使用懶惰的寫法，建議第一個項目最好還是從「1.」開始，因為Markdown未來可能會支援有序清單的start屬性。</p>
+<p>如果你使用懶惰的寫法，建議第一個項目最好還是從 1. 開始，因為 Markdown 未來可能會支援有序清單的 start 屬性。</p>
 
 <p>清單項目標記通常是放在最左邊，但是其實也可以縮排，最多三個空白，項目標記後面則一定要接著至少一個空白或 tab。</p>
 
@@ -296,7 +296,8 @@ viverra nec, fringilla in, laoreet vitae, risus.
 Suspendisse id sem consectetuer libero luctus adipiscing.
 </code></pre>
 
-<p>如果清單項目間用空行分開，Markdown會把項目的內容在輸出時用<code>&lt;p&gt;</code>標籤包起來，舉例來說：</p>
+<p>如果清單項目間用空行分開， Markdown 會把項目的內容在輸出時用 <code>&lt;p&gt;</code> 
+標籤包起來，舉例來說：</p>
 
 <pre><code>*   Bird
 *   Magic
@@ -369,7 +370,7 @@ sit amet, consectetuer adipiscing elit.
 <pre><code>1986. What a great season.
 </code></pre>
 
-<p>換句話說，也就是在行首出現<em>數字－句點－空白</em>，要避免這樣的狀況，你可以在句點前面加上反斜線。</p>
+<p>換句話說，也就是在行首出現<em>數字-句點-空白</em>，要避免這樣的狀況，你可以在句點前面加上反斜線。</p>
 
 <pre><code>1986\. What a great season.
 </code></pre>
@@ -393,7 +394,7 @@ sit amet, consectetuer adipiscing elit.
 &lt;/code&gt;&lt;/pre&gt;
 </code></pre>
 
-<p>這個每行一階的縮排（4個空白或是tab），都會被移除，例如：</p>
+<p>這個每行一階的縮排（4 個空白或是 1 個 tab），都會被移除，例如：</p>
 
 <pre><code>Here is an example of AppleScript:
 
@@ -454,7 +455,7 @@ end tell
 
 <p>Markdown 支援兩種形式的連結語法： <em>行內</em>和<em>參考</em>兩種形式。</p>
 
-<p>不管是哪一種，連結的文字都是用<code>[方括號]</code>來標記。</p>
+<p>不管是哪一種，連結的文字都是用 [方括號] 來標記。</p>
 
 <p>要建立一個行內形式的連結，只要在方塊括號後面馬上接著括號並插入網址連結即可，如果你還想要加上連結的 title 文字，只要在網址後面，用雙引號把 title 文字包起來即可，例如：</p>
 
@@ -530,7 +531,7 @@ title attribute.&lt;/p&gt;
 [link text][A]
 </code></pre>
 
-<p><em>預設的連結標籤</em>功能讓你可以省略指定連結標籤，這種情形下，連結標籤和連結文字會視為相同，要用預設連結標籤只要在連結文字後面加上一個空的方括號，如果你要讓「Google」連結到google.com，你可以簡化成：</p>
+<p><em>預設的連結標籤</em>功能讓你可以省略指定連結標籤，這種情形下，連結標籤和連結文字會視為相同，要用預設連結標籤只要在連結文字後面加上一個空的方括號，如果你要讓 "Google" 連結到 google.com，你可以簡化成：</p>
 
 <pre><code>[Google][]
 </code></pre>
@@ -722,7 +723,7 @@ equivalent of &lt;code&gt;&amp;amp;mdash;&lt;/code&gt;.&lt;/p&gt;
 
 <hr />
 
-<h2 id="misc">其他</h2>
+<h2 id="misc">其它</h2>
 
 <h3 id="autolink">自動連結</h3>
 
@@ -755,7 +756,7 @@ equivalent of &lt;code&gt;&amp;amp;mdash;&lt;/code&gt;.&lt;/p&gt;
 
 <h3 id="backslash">跳脫字元</h3>
 
-<p>Markdown可以利用反斜線來插入一些在語法中有其他意義的符號，例如：如果你想要用星號加在文字旁邊的方式來做出強調效果（但不用<code>&lt;em&gt;</code>標籤），你可以在星號的前面加上反斜線：</p>
+<p>Markdown 可以利用反斜線來插入一些在語法中有其它意義的符號，例如：如果你想要用星號加在文字旁邊的方式來做出強調效果（但不用 <code>&lt;em&gt;</code> 標籤），你可以在星號的前面加上反斜線：</p>
 
 <pre><code>\*literal asterisks\*
 </code></pre>
@@ -778,4 +779,4 @@ _   底線
 
 <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://css.hanzi.co/">漢字標準格式</a>（Han.css），<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://ethantw.net/projects/han/">漢字標準格式・CSS Reset</a>， <a href="http://kidwm.net/">WM</a> 回報文字錯誤。</p>

footer.html

@@ -25,6 +25,7 @@
         </div>
         
         <script type="text/javascript">
+
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', 'UA-21880461-1']);
   _gaq.push(['_trackPageview']);
@@ -34,9 +35,9 @@
     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);
   })();
-        </script>
 
-        <script src="/js/jquery-2.0.3.min.js"></script>
-        <script src="js/han.js"></script>
+        </script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js></script>
+        <script src="Han/han.min.js"></script>
     </body>
 </html>

general_footer.html

@@ -3,6 +3,7 @@
         </div>
 
         <script type="text/javascript">
+
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', 'UA-21880461-1']);
   _gaq.push(['_trackPageview']);
@@ -12,9 +13,9 @@
     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);
   })();
-        </script>
 
-        <script src="/js/jquery-2.0.3.min.js"></script>
-        <script src="js/han.js"></script>
+        </script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js></script>
+        <script src="Han/han.min.js"></script>
     </body>
 </html>

header.html

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

index.html

@@ -1,14 +1,14 @@
 <!DOCTYPE html>
-<html lang="zh-TW" class="han-biaodian-pro-cns han-la">
+<html lang="zh-TW">
     <head>
         <meta charset="UTF-8">
         <title>Markdown 語法說明</title>
-        <link rel="stylesheet" media="all" href="stylesheets/han.css">
+        <link rel="stylesheet" media="all" href="Han/han.min.css">
         <link rel="stylesheet" media="all" href="stylesheets/main.css">
         <meta property="og:title" content="Markdown 語法說明" />
         <meta property="og:url" content="http://markdown.tw/" />
         <meta property="og:type" content="website" />
-        <meta property="og:description" content="Markdown 是很簡單的純文件格式，由於語法設計得好，近幾年廣泛應用在各種領域，包括 Github、Stack Overflow 等知名的網路服務都使用它，本網頁為該語法的中文說明" />
+        <meta property="og:description" content="Markdown 是很簡單的純文件格式，由於語法設計的好，近幾年廣泛應用在各種領域，包括 Github、Stackoverflow 等知名的網路服務都使用它，本網頁為該語法的中文說明" />
         <meta property="og:image" content="http://markdown.tw/images/208x128.png" />
         <meta property="og:image:width" content="208" />
         <meta property="og:image:height" content="128" />
@@ -19,14 +19,13 @@
             <a href="/resources.html">資源</a>
             <a href="https://github.com/othree/markdown-syntax-zhtw/issues">回報錯誤</a>
         </nav>
-        
         <div class="wikistyle">
             
 <h1>Markdown 文件</h1>
 
 <p><img src="http://markdown.tw/images/208x128.png" alt="Markdown" title="" /></p>
 
-<p lang="en"><strong>NOTE:</strong> This is Traditional Chinese Edition Document of
+<p><strong>NOTE:</strong> This is Traditional Chinese Edition Document of
 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>
 
@@ -55,7 +54,7 @@ Document. Please refer to <a href="http://daringfireball.net/projects/markdown/s
 <li><a href="#code">程式碼</a></li>
 <li><a href="#img">圖片</a></li>
 </ul></li>
-<li><a href="#misc">其他</a>
+<li><a href="#misc">其它</a>
 <ul>
 <li><a href="#backslash">跳脫字元</a></li>
 <li><a href="#autolink">自動連結</a></li>
@@ -83,9 +82,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或是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>
 
@@ -122,7 +121,7 @@ This is another regular paragraph.
 
 <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;
 </code></pre>
@@ -157,7 +156,7 @@ This is another regular paragraph.
 
 <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>
 
@@ -178,7 +177,7 @@ This is an H2
 
 <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
 
@@ -196,7 +195,7 @@ This is an H2
 ### This is an H3 ######
 </code></pre>
 
-<h3 id="blockquote">區塊引言</h3>
+<h3 id="blockquote">Blockquotes</h3>
 
 <p>Markdown 使用 email 形式的區塊引言，如果你很熟悉如何在 email 信件中引言，你就知道怎麼在 Markdown 文件中建立一個區塊引言，那會看起來像是你強迫斷行，然後在每行的最前面加上 <code>&gt;</code> ：</p>
 
@@ -298,7 +297,7 @@ id sem consectetuer libero luctus adipiscing.
 
 <p>你都會得到完全相同的 HTML 輸出。重點在於，你可以讓 Markdown 文件的清單數字和輸出的結果相同，或是你懶一點，你可以完全不用在意數字的正確性。</p>
 
-<p>如果你使用懶惰的寫法，建議第一個項目最好還是從「1.」開始，因為Markdown未來可能會支援有序清單的start屬性。</p>
+<p>如果你使用懶惰的寫法，建議第一個項目最好還是從 1. 開始，因為 Markdown 未來可能會支援有序清單的 start 屬性。</p>
 
 <p>清單項目標記通常是放在最左邊，但是其實也可以縮排，最多三個空白，項目標記後面則一定要接著至少一個空白或 tab。</p>
 
@@ -320,7 +319,8 @@ viverra nec, fringilla in, laoreet vitae, risus.
 Suspendisse id sem consectetuer libero luctus adipiscing.
 </code></pre>
 
-<p>如果清單項目間用空行分開，Markdown會把項目的內容在輸出時用<code>&lt;p&gt;</code>標籤包起來，舉例來說：</p>
+<p>如果清單項目間用空行分開， Markdown 會把項目的內容在輸出時用 <code>&lt;p&gt;</code> 
+標籤包起來，舉例來說：</p>
 
 <pre><code>*   Bird
 *   Magic
@@ -393,7 +393,7 @@ sit amet, consectetuer adipiscing elit.
 <pre><code>1986. What a great season.
 </code></pre>
 
-<p>換句話說，也就是在行首出現<em>數字－句點－空白</em>，要避免這樣的狀況，你可以在句點前面加上反斜線。</p>
+<p>換句話說，也就是在行首出現<em>數字-句點-空白</em>，要避免這樣的狀況，你可以在句點前面加上反斜線。</p>
 
 <pre><code>1986\. What a great season.
 </code></pre>
@@ -417,7 +417,7 @@ sit amet, consectetuer adipiscing elit.
 &lt;/code&gt;&lt;/pre&gt;
 </code></pre>
 
-<p>這個每行一階的縮排（4個空白或是tab），都會被移除，例如：</p>
+<p>這個每行一階的縮排（4 個空白或是 1 個 tab），都會被移除，例如：</p>
 
 <pre><code>Here is an example of AppleScript:
 
@@ -478,7 +478,7 @@ end tell
 
 <p>Markdown 支援兩種形式的連結語法： <em>行內</em>和<em>參考</em>兩種形式。</p>
 
-<p>不管是哪一種，連結的文字都是用<code>[方括號]</code>來標記。</p>
+<p>不管是哪一種，連結的文字都是用 [方括號] 來標記。</p>
 
 <p>要建立一個行內形式的連結，只要在方塊括號後面馬上接著括號並插入網址連結即可，如果你還想要加上連結的 title 文字，只要在網址後面，用雙引號把 title 文字包起來即可，例如：</p>
 
@@ -554,7 +554,7 @@ title attribute.&lt;/p&gt;
 [link text][A]
 </code></pre>
 
-<p><em>預設的連結標籤</em>功能讓你可以省略指定連結標籤，這種情形下，連結標籤和連結文字會視為相同，要用預設連結標籤只要在連結文字後面加上一個空的方括號，如果你要讓「Google」連結到google.com，你可以簡化成：</p>
+<p><em>預設的連結標籤</em>功能讓你可以省略指定連結標籤，這種情形下，連結標籤和連結文字會視為相同，要用預設連結標籤只要在連結文字後面加上一個空的方括號，如果你要讓 "Google" 連結到 google.com，你可以簡化成：</p>
 
 <pre><code>[Google][]
 </code></pre>
@@ -728,7 +728,8 @@ equivalent of &lt;code&gt;&amp;amp;mdash;&lt;/code&gt;.&lt;/p&gt;
 <ul>
 <li>一個驚嘆號 <code>!</code></li>
 <li>接著一個方括號，裡面放上圖片的替代文字</li>
-<li>接著一個普通括號，裡面放上圖片的網址，最後還可以用引號包住並加上選擇性的'title'文字。</li>
+<li>接著一個普通括號，裡面放上圖片的網址，最後還可以用引號包住並加上
+選擇性的 'title' 文字。</li>
 </ul>
 
 <p>參考式的圖片語法則長得像這樣：</p>
@@ -745,7 +746,7 @@ equivalent of &lt;code&gt;&amp;amp;mdash;&lt;/code&gt;.&lt;/p&gt;
 
 <hr />
 
-<h2 id="misc">其他</h2>
+<h2 id="misc">其它</h2>
 
 <h3 id="autolink">自動連結</h3>
 
@@ -778,7 +779,7 @@ equivalent of &lt;code&gt;&amp;amp;mdash;&lt;/code&gt;.&lt;/p&gt;
 
 <h3 id="backslash">跳脫字元</h3>
 
-<p>Markdown可以利用反斜線來插入一些在語法中有其他意義的符號，例如：如果你想要用星號加在文字旁邊的方式來做出強調效果（但不用<code>&lt;em&gt;</code>標籤），你可以在星號的前面加上反斜線：</p>
+<p>Markdown 可以利用反斜線來插入一些在語法中有其它意義的符號，例如：如果你想要用星號加在文字旁邊的方式來做出強調效果（但不用 <code>&lt;em&gt;</code> 標籤），你可以在星號的前面加上反斜線：</p>
 
 <pre><code>\*literal asterisks\*
 </code></pre>
@@ -801,10 +802,10 @@ _   底線
 
 <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://css.hanzi.co/">漢字標準格式</a>（Han.css），<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://ethantw.net/projects/han/">漢字標準格式・CSS Reset</a>， <a href="http://kidwm.net/">WM</a> 回報文字錯誤。</p>
 
 
-        </div><!-- /div.wikistyle -->
+        </div>
 
         <div id="comments">
 
@@ -828,7 +829,8 @@ _   底線
 
         </div>
         
-        <script>
+        <script type="text/javascript">
+
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', 'UA-21880461-1']);
   _gaq.push(['_trackPageview']);
@@ -838,8 +840,9 @@ _   底線
     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);
   })();
+
         </script>
-        <script src="/js/jquery-2.0.3.min.js"></script>
-        <script src="js/han.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js></script>
+        <script src="Han/han.min.js"></script>
     </body>
 </html>

resources.html

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

stylesheets/main.css

@@ -1,31 +1,26 @@
-html,
-html.han-biaodian-pro-cns {
-    /* font-family: "Biaodian Pro Sans CNS", "Helvetica Neue", Arial, "Han Heiti", sans-serif; */
+html {
+    font-family: sans-serif;
 }
 
-body {
-    padding: 0 1em 1em;
+html.hasFontSmoothing-true {
+    font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
 }
 
-div.wikistyle ul li,
-div.wikistyle ol li,
-article.wikistyle ul li,
-article.wikistyle ol li {
-	line-height: 1.2;
+body {
+    padding: 0 1em 1em;
 }
-
-nav, div.wikistyle, article.wikistyle, #comments{
+nav, div.wikistyle, #comments{
     width:760px;
     margin: 0 auto;
 }
-div.wikistyle, article.wikistyle, #comments {
+div.wikistyle, #comments {
     margin-top: 1em;
 }
 nav a {
     margin-right: 0.5em;
 }
-nav, div.wikistyle, article.wikistyle, #comments{background-color:#f8f8f8;padding:.7em;}
-nav, div.wikistyle, article.wikistyle, #comments{border:1px solid #e9e9e9;}
+nav, div.wikistyle, #comments{background-color:#f8f8f8;padding:.7em;}
+nav, div.wikistyle, #comments{border:1px solid #e9e9e9;}
 
 .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;}

syntax.md

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