Browse Source

update content, upgrade Han

gh-pages-ethan
othree_kao 13 years ago
parent
commit
56ac8185b2
  1. 3
      .gitmodules
  2. 1
      Han
  3. 1
      Han-the-CSS-Reset
  4. 22
      content.html
  5. 4
      footer.html
  6. 2
      header.html
  7. 28
      index.html

3
.gitmodules vendored

@ -1,3 +1,6 @@
[submodule "Han-the-CSS-Reset"] [submodule "Han-the-CSS-Reset"]
path = Han-the-CSS-Reset path = Han-the-CSS-Reset
url = git://github.com/ethantw/Han-the-CSS-Reset.git url = git://github.com/ethantw/Han-the-CSS-Reset.git
[submodule "Han"]
path = Han
url = https://github.com/ethantw/Han

1
Han

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

1
Han-the-CSS-Reset

@ -1 +0,0 @@
Subproject commit c7af0562e75acee74b5de9aa2cf6a0fa164e0260

22
content.html

@ -45,7 +45,7 @@ Document. Please refer to <a href="http://daringfireball.net/projects/markdown/s
<p>Markdown 的目標是實現「易讀易寫」。</p> <p>Markdown 的目標是實現「易讀易寫」。</p>
<p>不過最需要強調的便是它的可讀性。一份使用 Markdown 格式撰寫的文件應該可以直接以純文字發佈,並且看起來不像是被許多的標籤或者是格式指令所構成。Markdown 語法受到一些既有 text-to-HTML 格式的影響,包括 <a href="http://docutils.sourceforge.net/mirror/setext.html">Setext</a><a href="http://www.aaronsw.com/2002/atx/">atx</a><a href="http://textism.com/tools/textile/">Textile</a><a href="http://docutils.sourceforge.net/rst.html">reStructuredText</a><a href="http://www.triptico.com/software/grutatxt.html">Grutatext</a><a href="http://ettext.taint.org/doc/">EtText</a>,然而最大靈感來源其實是純文字的電子郵件格式。</p> <p>不過最需要強調的便是它的可讀性。一份使用 Markdown 格式撰寫的文件應該可以直接以純文字發佈,並且看起來不會像是由許多標籤或是格式指令所構成。Markdown 語法受到一些既有 text-to-HTML 格式的影響,包括 <a href="http://docutils.sourceforge.net/mirror/setext.html">Setext</a><a href="http://www.aaronsw.com/2002/atx/">atx</a><a href="http://textism.com/tools/textile/">Textile</a><a href="http://docutils.sourceforge.net/rst.html">reStructuredText</a><a href="http://www.triptico.com/software/grutatxt.html">Grutatext</a><a href="http://ettext.taint.org/doc/">EtText</a>,然而最大靈感來源其實是純文字的電子郵件格式。</p>
<p>因此 Markdown 的語法全由標點符號所組成,並經過嚴謹慎選,是為了讓它們看起來就像所要表達的意思。像是在文字兩旁加上星號,看起來就像*強調*。Markdown 的清單看起來,嗯,就是清單。假如你有使用過電子郵件,區塊引言看起來就真的像是引用一段文字。</p> <p>因此 Markdown 的語法全由標點符號所組成,並經過嚴謹慎選,是為了讓它們看起來就像所要表達的意思。像是在文字兩旁加上星號,看起來就像*強調*。Markdown 的清單看起來,嗯,就是清單。假如你有使用過電子郵件,區塊引言看起來就真的像是引用一段文字。</p>
@ -119,7 +119,7 @@ This is another regular paragraph.
<pre><code>4 &amp;lt; 5 <pre><code>4 &amp;lt; 5
</code></pre> </code></pre>
<p>不過需要注意的是,code 範圍內,不論是行內還是區塊, <code>&lt;</code><code>&amp;</code> 兩個符號都 <em>一定</em> 會被轉換成 HTML 實體,這項特性讓你可以很容易地用 Markdown 寫 HTML code (和 HTML 相對而言, HTML 語法中,你要把所有的 <code>&lt;</code><code>&amp;</code> 都轉換為 HTML 實體,才能在 HTML 文件裡面寫出 HTML code。)</p> <p>不過需要注意的是,code 範圍內,不論是行內還是區塊, <code>&lt;</code><code>&amp;</code> 兩個符號都<em>一定</em>會被轉換成 HTML 實體,這項特性讓你可以很容易地用 Markdown 寫 HTML code (和 HTML 相對而言, HTML 語法中,你要把所有的 <code>&lt;</code><code>&amp;</code> 都轉換為 HTML 實體,才能在 HTML 文件裡面寫出 HTML code。)</p>
<hr /> <hr />
@ -354,7 +354,7 @@ sit amet, consectetuer adipiscing elit.
&gt; inside a list item. &gt; inside a list item.
</code></pre> </code></pre>
<p>如果要放程式碼區塊的話,該區塊就需要縮排<em>兩次</em> ,也就是 8 個空白或是兩個 tab:</p> <p>如果要放程式碼區塊的話,該區塊就需要縮排<em>兩次</em>,也就是 8 個空白或是兩個 tab:</p>
<pre><code>* A list item with a code block: <pre><code>* A list item with a code block:
@ -493,7 +493,7 @@ title attribute.&lt;/p&gt;
<ul> <ul>
<li>方括號,裡面輸入連結的辨識用標籤</li> <li>方括號,裡面輸入連結的辨識用標籤</li>
<li>接著一個</li> <li>接著一個</li>
<li>接著一個以上的空白或 tab</li> <li>接著一個以上的空白或 tab</li>
<li>接著連結的網址</li> <li>接著連結的網址</li>
<li>選擇性地接著 title 內容,可以用單引號、雙引號或是括弧包著</li> <li>選擇性地接著 title 內容,可以用單引號、雙引號或是括弧包著</li>
@ -506,9 +506,9 @@ title attribute.&lt;/p&gt;
[foo]: http://example.com/ (Optional Title Here) [foo]: http://example.com/ (Optional Title Here)
</code></pre> </code></pre>
<p><strong>請注意:</strong> 有一個已知的問題是 Markdown.pl 1.0.1 會忽略單引號包起來的連結 title。</p> <p><strong>請注意:</strong>有一個已知的問題是 Markdown.pl 1.0.1 會忽略單引號包起來的連結 title。</p>
<p>連結網址也可以用括號包起來:</p> <p>連結網址也可以用括號包起來:</p>
<pre><code>[id]: &lt;http://example.com/&gt; "Optional Title Here" <pre><code>[id]: &lt;http://example.com/&gt; "Optional Title Here"
</code></pre> </code></pre>
@ -527,7 +527,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>
@ -662,7 +662,7 @@ A backtick-delimited string in a code span: `` `foo` ``
&lt;p&gt;A backtick-delimited string in a code span: &lt;code&gt;`foo`&lt;/code&gt;&lt;/p&gt; &lt;p&gt;A backtick-delimited string in a code span: &lt;code&gt;`foo`&lt;/code&gt;&lt;/p&gt;
</code></pre> </code></pre>
<p>在程式碼區段內,<code>&amp;</code>括號都會被轉成 HTML 實體,這樣會比較容易插入 HTML 原始碼,Markdown 會把下面這段:</p> <p>在程式碼區段內,<code>&amp;</code>括號都會被轉成 HTML 實體,這樣會比較容易插入 HTML 原始碼,Markdown 會把下面這段:</p>
<pre><code>Please don't use any `&lt;blink&gt;` tags. <pre><code>Please don't use any `&lt;blink&gt;` tags.
</code></pre> </code></pre>
@ -700,7 +700,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>
@ -723,7 +723,7 @@ equivalent of &lt;code&gt;&amp;amp;mdash;&lt;/code&gt;.&lt;/p&gt;
<h3 id="autolink">自動連結</h3> <h3 id="autolink">自動連結</h3>
<p>Markdown 支援比較簡短的自動連結形式來處理網址和電子郵件信箱,只要是用括號包起來, Markdown 就會自動把它轉成連結,連結的文字就和連結位置一樣,例如:</p> <p>Markdown 支援比較簡短的自動連結形式來處理網址和電子郵件信箱,只要是用括號包起來, Markdown 就會自動把它轉成連結,連結的文字就和連結位置一樣,例如:</p>
<pre><code>&lt;http://example.com/&gt; <pre><code>&lt;http://example.com/&gt;
</code></pre> </code></pre>
@ -775,4 +775,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></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>

4
footer.html

@ -37,7 +37,7 @@
})(); })();
</script> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js></script>
<script src="Han-the-CSS-Reset/han.min.js"></script> <script src="Han/han.min.js"></script>
</body> </body>
</html> </html>

2
header.html

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Markdown 語法說明</title> <title>Markdown 語法說明</title>
<link rel="stylesheet" media="all" href="Han-the-CSS-Reset/han.min.css"> <link rel="stylesheet" media="all" href="Han/han.min.css">
<link rel="stylesheet" media="all" href="stylesheets/main.css"> <link rel="stylesheet" media="all" href="stylesheets/main.css">
</head> </head>
<body> <body>

28
index.html

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Markdown 語法說明</title> <title>Markdown 語法說明</title>
<link rel="stylesheet" media="all" href="Han-the-CSS-Reset/han.min.css"> <link rel="stylesheet" media="all" href="Han/han.min.css">
<link rel="stylesheet" media="all" href="stylesheets/main.css"> <link rel="stylesheet" media="all" href="stylesheets/main.css">
</head> </head>
<body> <body>
@ -56,7 +56,7 @@ Document. Please refer to <a href="http://daringfireball.net/projects/markdown/s
<p>Markdown 的目標是實現「易讀易寫」。</p> <p>Markdown 的目標是實現「易讀易寫」。</p>
<p>不過最需要強調的便是它的可讀性。一份使用 Markdown 格式撰寫的文件應該可以直接以純文字發佈,並且看起來不像是被許多的標籤或者是格式指令所構成。Markdown 語法受到一些既有 text-to-HTML 格式的影響,包括 <a href="http://docutils.sourceforge.net/mirror/setext.html">Setext</a><a href="http://www.aaronsw.com/2002/atx/">atx</a><a href="http://textism.com/tools/textile/">Textile</a><a href="http://docutils.sourceforge.net/rst.html">reStructuredText</a><a href="http://www.triptico.com/software/grutatxt.html">Grutatext</a><a href="http://ettext.taint.org/doc/">EtText</a>,然而最大靈感來源其實是純文字的電子郵件格式。</p> <p>不過最需要強調的便是它的可讀性。一份使用 Markdown 格式撰寫的文件應該可以直接以純文字發佈,並且看起來不會像是由許多標籤或是格式指令所構成。Markdown 語法受到一些既有 text-to-HTML 格式的影響,包括 <a href="http://docutils.sourceforge.net/mirror/setext.html">Setext</a><a href="http://www.aaronsw.com/2002/atx/">atx</a><a href="http://textism.com/tools/textile/">Textile</a><a href="http://docutils.sourceforge.net/rst.html">reStructuredText</a><a href="http://www.triptico.com/software/grutatxt.html">Grutatext</a><a href="http://ettext.taint.org/doc/">EtText</a>,然而最大靈感來源其實是純文字的電子郵件格式。</p>
<p>因此 Markdown 的語法全由標點符號所組成,並經過嚴謹慎選,是為了讓它們看起來就像所要表達的意思。像是在文字兩旁加上星號,看起來就像*強調*。Markdown 的清單看起來,嗯,就是清單。假如你有使用過電子郵件,區塊引言看起來就真的像是引用一段文字。</p> <p>因此 Markdown 的語法全由標點符號所組成,並經過嚴謹慎選,是為了讓它們看起來就像所要表達的意思。像是在文字兩旁加上星號,看起來就像*強調*。Markdown 的清單看起來,嗯,就是清單。假如你有使用過電子郵件,區塊引言看起來就真的像是引用一段文字。</p>
@ -130,7 +130,7 @@ This is another regular paragraph.
<pre><code>4 &amp;lt; 5 <pre><code>4 &amp;lt; 5
</code></pre> </code></pre>
<p>不過需要注意的是,code 範圍內,不論是行內還是區塊, <code>&lt;</code><code>&amp;</code> 兩個符號都 <em>一定</em> 會被轉換成 HTML 實體,這項特性讓你可以很容易地用 Markdown 寫 HTML code (和 HTML 相對而言, HTML 語法中,你要把所有的 <code>&lt;</code><code>&amp;</code> 都轉換為 HTML 實體,才能在 HTML 文件裡面寫出 HTML code。)</p> <p>不過需要注意的是,code 範圍內,不論是行內還是區塊, <code>&lt;</code><code>&amp;</code> 兩個符號都<em>一定</em>會被轉換成 HTML 實體,這項特性讓你可以很容易地用 Markdown 寫 HTML code (和 HTML 相對而言, HTML 語法中,你要把所有的 <code>&lt;</code><code>&amp;</code> 都轉換為 HTML 實體,才能在 HTML 文件裡面寫出 HTML code。)</p>
<hr /> <hr />
@ -365,7 +365,7 @@ sit amet, consectetuer adipiscing elit.
&gt; inside a list item. &gt; inside a list item.
</code></pre> </code></pre>
<p>如果要放程式碼區塊的話,該區塊就需要縮排<em>兩次</em> ,也就是 8 個空白或是兩個 tab:</p> <p>如果要放程式碼區塊的話,該區塊就需要縮排<em>兩次</em>,也就是 8 個空白或是兩個 tab:</p>
<pre><code>* A list item with a code block: <pre><code>* A list item with a code block:
@ -504,7 +504,7 @@ title attribute.&lt;/p&gt;
<ul> <ul>
<li>方括號,裡面輸入連結的辨識用標籤</li> <li>方括號,裡面輸入連結的辨識用標籤</li>
<li>接著一個</li> <li>接著一個</li>
<li>接著一個以上的空白或 tab</li> <li>接著一個以上的空白或 tab</li>
<li>接著連結的網址</li> <li>接著連結的網址</li>
<li>選擇性地接著 title 內容,可以用單引號、雙引號或是括弧包著</li> <li>選擇性地接著 title 內容,可以用單引號、雙引號或是括弧包著</li>
@ -517,9 +517,9 @@ title attribute.&lt;/p&gt;
[foo]: http://example.com/ (Optional Title Here) [foo]: http://example.com/ (Optional Title Here)
</code></pre> </code></pre>
<p><strong>請注意:</strong> 有一個已知的問題是 Markdown.pl 1.0.1 會忽略單引號包起來的連結 title。</p> <p><strong>請注意:</strong>有一個已知的問題是 Markdown.pl 1.0.1 會忽略單引號包起來的連結 title。</p>
<p>連結網址也可以用括號包起來:</p> <p>連結網址也可以用括號包起來:</p>
<pre><code>[id]: &lt;http://example.com/&gt; "Optional Title Here" <pre><code>[id]: &lt;http://example.com/&gt; "Optional Title Here"
</code></pre> </code></pre>
@ -538,7 +538,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>
@ -673,7 +673,7 @@ A backtick-delimited string in a code span: `` `foo` ``
&lt;p&gt;A backtick-delimited string in a code span: &lt;code&gt;`foo`&lt;/code&gt;&lt;/p&gt; &lt;p&gt;A backtick-delimited string in a code span: &lt;code&gt;`foo`&lt;/code&gt;&lt;/p&gt;
</code></pre> </code></pre>
<p>在程式碼區段內,<code>&amp;</code>括號都會被轉成 HTML 實體,這樣會比較容易插入 HTML 原始碼,Markdown 會把下面這段:</p> <p>在程式碼區段內,<code>&amp;</code>括號都會被轉成 HTML 實體,這樣會比較容易插入 HTML 原始碼,Markdown 會把下面這段:</p>
<pre><code>Please don't use any `&lt;blink&gt;` tags. <pre><code>Please don't use any `&lt;blink&gt;` tags.
</code></pre> </code></pre>
@ -711,7 +711,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>
@ -734,7 +734,7 @@ equivalent of &lt;code&gt;&amp;amp;mdash;&lt;/code&gt;.&lt;/p&gt;
<h3 id="autolink">自動連結</h3> <h3 id="autolink">自動連結</h3>
<p>Markdown 支援比較簡短的自動連結形式來處理網址和電子郵件信箱,只要是用括號包起來, Markdown 就會自動把它轉成連結,連結的文字就和連結位置一樣,例如:</p> <p>Markdown 支援比較簡短的自動連結形式來處理網址和電子郵件信箱,只要是用括號包起來, Markdown 就會自動把它轉成連結,連結的文字就和連結位置一樣,例如:</p>
<pre><code>&lt;http://example.com/&gt; <pre><code>&lt;http://example.com/&gt;
</code></pre> </code></pre>
@ -786,7 +786,7 @@ _ 底線
<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></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>
@ -826,7 +826,7 @@ _ 底線
})(); })();
</script> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js></script>
<script src="Han-the-CSS-Reset/han.min.js"></script> <script src="Han/han.min.js"></script>
</body> </body>
</html> </html>

Loading…
Cancel
Save