diff --git a/Makefile b/Makefile
index a599b85..119f419 100644
--- a/Makefile
+++ b/Makefile
@@ -1,8 +1,14 @@
-all: index.html
+all: index.html resources.html
 
 index.html: header.html footer.html content.html
 	cat header.html content.html footer.html > index.html
 
+resources.html: header.html general_footer.html resources_content.html
+	cat header.html resources_content.html general_footer.html > resources.html
+
 content.html: syntax.md
 	perl Markdown_1.0.1/Markdown.pl syntax.md > content.html
 
+resources_content.html: resources.md
+	perl Markdown_1.0.1/Markdown.pl resources.md > resources_content.html
+
diff --git a/general_footer.html b/general_footer.html
new file mode 100644
index 0000000..1492022
--- /dev/null
+++ b/general_footer.html
@@ -0,0 +1,21 @@
+
+
+        </div>
+
+        <script type="text/javascript">
+
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-21880461-1']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    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="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js></script>
+        <script src="Han/han.min.js"></script>
+    </body>
+</html>
diff --git a/header.html b/header.html
index b81014f..0caf647 100644
--- a/header.html
+++ b/header.html
@@ -14,5 +14,9 @@
         <meta property="og:image:height" content="128" />
     </head>
     <body>
+        <nav>
+            <a href="/">文件</a>
+            <a href="/resources.html">資源</a>
+        </nav>
         <div class="wikistyle">
             
diff --git a/index.html b/index.html
index 17c704e..0bcd8f1 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,10 @@
         <meta property="og:image:height" content="128" />
     </head>
     <body>
+        <nav>
+            <a href="/">文件</a>
+            <a href="/resources.html">資源</a>
+        </nav>
         <div class="wikistyle">
             
 <p><strong>NOTE:</strong> This is Traditional Chinese Edition Document of
diff --git a/resources.html b/resources.html
new file mode 100644
index 0000000..60896ce
--- /dev/null
+++ b/resources.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="zh-TW">
+    <head>
+        <meta charset="UTF-8">
+        <title>Markdown 語法說明</title>
+        <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、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" />
+    </head>
+    <body>
+        <nav>
+            <a href="/">文件</a>
+            <a href="/resources.html">資源</a>
+        </nav>
+        <div class="wikistyle">
+            
+<h1>Markdown 資源</h1>
+
+<p><img src="http://markdown.tw/images/208x128.png" alt="Markdown" title="" /></p>
+
+<h2>Logo</h2>
+
+<ul>
+<li><a href="http://dcurt.is/the-markdown-mark">The Markdown Mark</a></li>
+</ul>
+
+<h2>編輯器</h2>
+
+<h3>單純 Markdown 編輯器</h3>
+
+<ul>
+<li>OSX
+<ul>
+<li><a href="http://mouapp.com/">Mouapp</a></li>
+</ul></li>
+<li>Linux
+<ul>
+<li><a href="http://sourceforge.net/p/retext/home/ReText/">ReText</a></li>
+</ul></li>
+<li>Windows
+<ul>
+<li><a href="http://markdownpad.com/">MarkdownPad</a></li>
+</ul></li>
+</ul>
+
+<h3>通用文字編輯器</h3>
+
+<ul>
+<li><a href="http://www.sublimetext.com/">Sublime Text</a></li>
+<li>Vim
+<ul>
+<li><a href="https://github.com/plasticboy/vim-markdown">plasticboy/vim-markdown</a></li>
+<li><a href="https://github.com/tpope/vim-markdown">tpope/vim-markdown</a></li>
+</ul></li>
+</ul>
+
+<h3>網頁文字編輯器</h3>
+
+<ul>
+<li><a href="http://ace.ajax.org/">Ace</a></li>
+<li><a href="http://codemirror.net/">CodeMirror</a></li>
+<li><a href="http://dillinger.io/">Dillinger</a></li>
+<li><a href="http://oscargodson.github.io/EpicEditor/">EpicEditor</a></li>
+<li><a href="https://github.com/bianchimro/markgiu">Markgiu</a></li>
+</ul>
+
+<h2>擴充版 Markdown</h2>
+
+<ul>
+<li><a href="https://help.github.com/articles/github-flavored-markdown">GitHub Flavored Markdown</a></li>
+<li><a href="http://kramdown.rubyforge.org/quickref.html#headers">kramdown</a></li>
+<li><a href="http://fletcherpenney.net/multimarkdown/">MultiMarkdown</a></li>
+<li><a href="http://johnmacfarlane.net/pandoc/README.html#pandocs-markdown">Pandoc's markdown</a>
+<ul>
+<li><a href="http://pages.tzengyuxio.me/pandoc/">Pandoc’s Markdown 語法中文翻譯</a> </li>
+</ul></li>
+<li><a href="http://michelf.ca/projects/php-markdown/extra/">PHP Markdown Extra</a></li>
+</ul>
+
+<h2>引擎</h2>
+
+<ul>
+<li>C
+<ul>
+<li><a href="https://github.com/vmg/sundown">Sundown</a> </li>
+</ul></li>
+<li>JavaScript
+<ul>
+<li><a href="https://github.com/cky/wmd">showdown</a>, not maintained any more</li>
+<li><a href="https://code.google.com/p/pagedown/">pagedown</a>, StackOverflow</li>
+<li><a href="https://github.com/coreyti/showdown">coreyti/showdown</a></li>
+<li><a href="https://github.com/chjj/marked">marked</a></li>
+</ul></li>
+<li>PHP
+<ul>
+<li><a href="http://michelf.ca/projects/php-markdown/">PHP Markdown</a></li>
+</ul></li>
+<li>Ruby
+<ul>
+<li><a href="https://github.com/vmg/redcarpet">Redcarpet</a> </li>
+<li><a href="https://github.com/bhollis/maruku">Maruku</a></li>
+</ul></li>
+</ul>
+
+<h2>Blog 服務</h2>
+
+<ul>
+<li><a href="http://wordpress.com/">WordPress.com</a></li>
+<li><a href="http://logdown.com/">logdown</a></li>
+</ul>
+
+<h2>Blog 系統</h2>
+
+<ul>
+<li><a href="http://wordpress.org/">WordPress</a></li>
+<li><a href="http://www.movabletype.org/">MOVABLETYPE</a></li>
+</ul>
+
+<h2>CSS</h2>
+
+<ul>
+<li><a href="http://jasonm23.github.io/markdown-css-themes/">Markdown css themes</a></li>
+<li><a href="http://mrcoles.com/demo/markdown-css/">Markdown.css</a></li>
+</ul>
+
+<h2>感謝</h2>
+
+<p>感謝 <a href="http://kidwm.net/">WM</a> 協助整理</p>
+
+
+        </div>
+
+        <script type="text/javascript">
+
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-21880461-1']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    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="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js></script>
+        <script src="Han/han.min.js"></script>
+    </body>
+</html>
diff --git a/resources_content.html b/resources_content.html
new file mode 100644
index 0000000..cbf7dc8
--- /dev/null
+++ b/resources_content.html
@@ -0,0 +1,112 @@
+<h1>Markdown 資源</h1>
+
+<p><img src="http://markdown.tw/images/208x128.png" alt="Markdown" title="" /></p>
+
+<h2>Logo</h2>
+
+<ul>
+<li><a href="http://dcurt.is/the-markdown-mark">The Markdown Mark</a></li>
+</ul>
+
+<h2>編輯器</h2>
+
+<h3>單純 Markdown 編輯器</h3>
+
+<ul>
+<li>OSX
+<ul>
+<li><a href="http://mouapp.com/">Mouapp</a></li>
+</ul></li>
+<li>Linux
+<ul>
+<li><a href="http://sourceforge.net/p/retext/home/ReText/">ReText</a></li>
+</ul></li>
+<li>Windows
+<ul>
+<li><a href="http://markdownpad.com/">MarkdownPad</a></li>
+</ul></li>
+</ul>
+
+<h3>通用文字編輯器</h3>
+
+<ul>
+<li><a href="http://www.sublimetext.com/">Sublime Text</a></li>
+<li>Vim
+<ul>
+<li><a href="https://github.com/plasticboy/vim-markdown">plasticboy/vim-markdown</a></li>
+<li><a href="https://github.com/tpope/vim-markdown">tpope/vim-markdown</a></li>
+</ul></li>
+</ul>
+
+<h3>網頁文字編輯器</h3>
+
+<ul>
+<li><a href="http://ace.ajax.org/">Ace</a></li>
+<li><a href="http://codemirror.net/">CodeMirror</a></li>
+<li><a href="http://dillinger.io/">Dillinger</a></li>
+<li><a href="http://oscargodson.github.io/EpicEditor/">EpicEditor</a></li>
+<li><a href="https://github.com/bianchimro/markgiu">Markgiu</a></li>
+</ul>
+
+<h2>擴充版 Markdown</h2>
+
+<ul>
+<li><a href="https://help.github.com/articles/github-flavored-markdown">GitHub Flavored Markdown</a></li>
+<li><a href="http://kramdown.rubyforge.org/quickref.html#headers">kramdown</a></li>
+<li><a href="http://fletcherpenney.net/multimarkdown/">MultiMarkdown</a></li>
+<li><a href="http://johnmacfarlane.net/pandoc/README.html#pandocs-markdown">Pandoc's markdown</a>
+<ul>
+<li><a href="http://pages.tzengyuxio.me/pandoc/">Pandoc’s Markdown 語法中文翻譯</a> </li>
+</ul></li>
+<li><a href="http://michelf.ca/projects/php-markdown/extra/">PHP Markdown Extra</a></li>
+</ul>
+
+<h2>引擎</h2>
+
+<ul>
+<li>C
+<ul>
+<li><a href="https://github.com/vmg/sundown">Sundown</a> </li>
+</ul></li>
+<li>JavaScript
+<ul>
+<li><a href="https://github.com/cky/wmd">showdown</a>, not maintained any more</li>
+<li><a href="https://code.google.com/p/pagedown/">pagedown</a>, StackOverflow</li>
+<li><a href="https://github.com/coreyti/showdown">coreyti/showdown</a></li>
+<li><a href="https://github.com/chjj/marked">marked</a></li>
+</ul></li>
+<li>PHP
+<ul>
+<li><a href="http://michelf.ca/projects/php-markdown/">PHP Markdown</a></li>
+</ul></li>
+<li>Ruby
+<ul>
+<li><a href="https://github.com/vmg/redcarpet">Redcarpet</a> </li>
+<li><a href="https://github.com/bhollis/maruku">Maruku</a></li>
+</ul></li>
+</ul>
+
+<h2>Blog 服務</h2>
+
+<ul>
+<li><a href="http://wordpress.com/">WordPress.com</a></li>
+<li><a href="http://logdown.com/">logdown</a></li>
+</ul>
+
+<h2>Blog 系統</h2>
+
+<ul>
+<li><a href="http://wordpress.org/">WordPress</a></li>
+<li><a href="http://www.movabletype.org/">MOVABLETYPE</a></li>
+</ul>
+
+<h2>CSS</h2>
+
+<ul>
+<li><a href="http://jasonm23.github.io/markdown-css-themes/">Markdown css themes</a></li>
+<li><a href="http://mrcoles.com/demo/markdown-css/">Markdown.css</a></li>
+</ul>
+
+<h2>感謝</h2>
+
+<p>感謝 <a href="http://kidwm.net/">WM</a> 協助整理</p>
diff --git a/stylesheets/main.css b/stylesheets/main.css
index 5cbdc42..ba64a78 100644
--- a/stylesheets/main.css
+++ b/stylesheets/main.css
@@ -7,17 +7,20 @@ html.hasFontSmoothing-true {
 }
 
 body {
-    padding: 1em;
+    padding: 0 1em 1em;
 }
-div.wikistyle, #comments{
+nav, div.wikistyle, #comments{
     width:760px;
     margin: 0 auto;
 }
-#comments {
+div.wikistyle, #comments {
     margin-top: 1em;
 }
-div.wikistyle, #comments{background-color:#f8f8f8;padding:.7em;}
-div.wikistyle, #comments{border:1px solid #e9e9e9;}
+nav a {
+    margin-right: 0.5em;
+}
+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;}
