Browse Source

add header

master
filesite 3 years ago
parent
commit
b24b72403b
  1. 6
      themes/manual/views/layout/main.php
  2. 45
      www/content/Manual.md
  3. 13
      www/css/manual.css

6
themes/manual/views/layout/main.php

@ -17,6 +17,12 @@ require_once __DIR__ . '/../../../../plugins/Html.php';
</head> </head>
<body> <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 <?php
//### Render view file //### Render view file

45
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 | | 目录名 | directory |
| 子目录 | directories |
| 子文件 | files |
| 文件名 | filename | | 文件名 | filename |
| 完整路径 | realpath | | 完整路径 | realpath |
| 相对网址 | path | | 相对网址 | path |
@ -190,6 +178,24 @@ URL快捷方式文件是一类特殊的文件,它比一般的文件多了一
|_f_ 金庸小说封面图_new.png |_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
.
.
.
``` ```

13
www/css/manual.css

@ -1,7 +1,11 @@
/* for theme manual */ /* 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"} *,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} .header{padding:10px 10px 0 10px;position: fixed;top: 0;left: 0;right: 0;background-color: rgb(53, 54, 58)}
.content{margin-left:23.5%;padding:0.5em} .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,.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 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)} .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 h6{font-size:0.8em}
.indexes a{background-color:transparent;color:#0969da;text-decoration:none} .indexes a{background-color:transparent;color:#0969da;text-decoration:none}
@media (max-width: 640px) { @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{display:block;padding-left:0;padding-bottom:0.3em;text-align:center;font-size:1.3em}
.indexes h1 a{color:inherit} .indexes h1 a{color:inherit}
.content{margin-left:0;} .content{margin-left:0;margin-top:0}
.content h1{display:none} .content h1{display:none}
} }
Loading…
Cancel
Save