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'; @@ -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

45
www/content/Manual.md

@ -133,27 +133,15 @@ URL快捷方式文件是一类特殊的文件,它比一般的文件多了一 @@ -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快捷方式文件是一类特殊的文件,它比一般的文件多了一 @@ -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快捷方式文件是一类特殊的文件,它比一般的文件多了一 @@ -279,6 +285,13 @@ URL快捷方式文件是一类特殊的文件,它比一般的文件多了一
.
.
.
-d- 其它
|_f_ 玫瑰01.jpg
|_f_ 玫瑰02.jpg
|_f_ 玫瑰03.jpg
.
.
.
```

13
www/css/manual.css

@ -1,7 +1,11 @@ @@ -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 @@ @@ -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}
}
Loading…
Cancel
Save