diff --git a/themes/manual/views/layout/main.php b/themes/manual/views/layout/main.php
index c5a11fd..3da8cc6 100644
--- a/themes/manual/views/layout/main.php
+++ b/themes/manual/views/layout/main.php
@@ -17,6 +17,12 @@ require_once __DIR__ . '/../../../../plugins/Html.php';
 </head>
 <body>
 
+    <div class="header">
+        <a href="/" class="logo">
+            <img src="/content/machete_icon.png" alt="Logo of FileSite.io" height="34">
+            FileSite.io
+        </a>
+    </div>
 
 <?php
 //### Render view file
diff --git a/www/content/Manual.md b/www/content/Manual.md
index 33eda72..970916c 100644
--- a/www/content/Manual.md
+++ b/www/content/Manual.md
@@ -133,27 +133,15 @@ URL快捷方式文件是一类特殊的文件，它比一般的文件多了一
 
 字段名采用小写英文字符串，除了下面列出来的还可以自定义。
 
-描述文件和被描述的文件命名规则：
-```
-被描述文件名_{字段名}.txt
-```
-
-示例：
-```
-|_d_ 金庸小说
-     |_f_ 第一章.md
-     |_f_ 第一章_description.txt
-     |_f_ 第一章_keywords.txt
-     |_f_ 第二章.md
-     |_f_ 第二章_price.txt
-```
-
-
 对整个目录数据读取后所有资源跟数据字段对照表：
 
 | 资源 | 字段 |
 | ---- | ---- |
+| 编号 | id |
+| 父目录编号 | pid |
 | 目录名 | directory |
+| 子目录 | directories |
+| 子文件 | files |
 | 文件名 | filename |
 | 完整路径 | realpath |
 | 相对网址 | path |
@@ -190,6 +178,24 @@ URL快捷方式文件是一类特殊的文件，它比一般的文件多了一
      |_f_ 金庸小说封面图_new.png
 ```
 
+描述文件和被描述的文件命名规则：
+```
+{被描述文件名_}{字段名}.txt
+```
+
+如果```{被描述文件名_}```为空，则认为该描述文件是用来说明所在目录的。
+
+示例：
+```
+|_d_ 金庸小说
+     |_f_ 第一章.md
+     |_f_ 第一章_description.txt
+     |_f_ 第一章_keywords.txt
+     |_f_ 第二章.md
+     |_f_ 第二章_price.txt
+     |_f_ title.txt
+```
+
 
 
 ## 目录结构约定
@@ -279,6 +285,13 @@ URL快捷方式文件是一类特殊的文件，它比一般的文件多了一
        .
        .
        .
+-d- 其它
+     |_f_ 玫瑰01.jpg
+     |_f_ 玫瑰02.jpg
+     |_f_ 玫瑰03.jpg
+       .
+       .
+       .
 ```
 
 
diff --git a/www/css/manual.css b/www/css/manual.css
index 5daa1ec..22b8362 100644
--- a/www/css/manual.css
+++ b/www/css/manual.css
@@ -1,7 +1,11 @@
 /* for theme manual */
 *,html,body{padding:0:;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}
-.indexes{width:22%;position:fixed;top:0;bottom:0;text-align:left;padding:0.5em;overflow-y:auto}
-.content{margin-left:23.5%;padding:0.5em}
+.header{padding:10px 10px 0 10px;position: fixed;top: 0;left: 0;right: 0;background-color: rgb(53, 54, 58)}
+.header .logo{display: inline-block;margin:0 10px 6px 10px;font-size: 1.86em;color: #e8eaed}
+.header .logo img{vertical-align: middle;}
+.header a{color: #aaadb2;text-decoration: none}
+.indexes{width:22%;position:fixed;top:45px;bottom:0;text-align:left;padding:0.5em;overflow-y:auto}
+.content{margin-top: 55px;margin-left:23.5%;padding:0.5em}
 .indexes h1,.indexes h2,.indexes h3,.indexes h4,.indexes h5,.indexes h6{padding:2px 0 3px 5px;font-size:1.2em;font-weight:normal;margin-bottom:0.35em}
 .indexes h1{display:none}
 .indexes h2{margin-top:1em;padding-top:4px;padding-bottom:4px;box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.1)}
@@ -12,9 +16,10 @@
 .indexes h6{font-size:0.8em}
 .indexes a{background-color:transparent;color:#0969da;text-decoration:none}
 @media (max-width: 640px) {
-    .indexes{position:static;width:auto;padding-bottom:0.5em;margin-bottom:0.5em}
+    .header{position: fixed;top: 0;left: 0;right: 0}
+    .indexes{position:static;width:auto;padding-bottom:0.5em;margin-bottom:0.5em;margin-top: 55px}
     .indexes h1{display:block;padding-left:0;padding-bottom:0.3em;text-align:center;font-size:1.3em}
     .indexes h1 a{color:inherit}
-    .content{margin-left:0;}
+    .content{margin-left:0;margin-top:0}
     .content h1{display:none}
 }
\ No newline at end of file
