-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
115 lines (109 loc) · 6.33 KB
/
Copy pathabout.html
File metadata and controls
115 lines (109 loc) · 6.33 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<!--
[站点注释 Site Note]
文件: D:\Documents\GitHub\whwdzg.github.io\about.html
作用: 页面结构与内容容器，具体交互由对应 JS/CSS 增强。
English: Defines page markup; behavior and styling are enhanced by JS/CSS.
-->
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>关于本站</title>
<meta name="author" content="whwdzg">
<meta name="description" content="whwdzg.github.io 的关于与使用说明">
<meta name="theme-color" content="#ffffff">
<link rel="manifest" href="/manifest.json">
<link rel="icon" href="/resource/img/shell/favicon.ico" type="image/x-icon">
<link rel="preload" href="/resource/img/shell/favicon.ico" as="image" type="image/x-icon">
<link rel="preload" href="/resource/img/shell/shuiyu.avif" as="image" type="image/avif">
<link rel="preload" href="/resource/img/shell/bg/bg-light-1.png" as="image" type="image/png">
<link rel="preload" href="/css/variables.css" as="style">
<link rel="preload" href="/resource/font/FluentSystemIcons-Regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="/css/variables.css">
<link rel="stylesheet" href="/css/input.css">
<link rel="stylesheet" href="/css/header.css">
<link rel="stylesheet" href="/css/sidebar.css">
<link rel="stylesheet" href="/css/main-content.css">
<link rel="stylesheet" href="/css/footer.css">
<link rel="stylesheet" href="/css/lightbox.css">
<link rel="stylesheet" href="/css/settings-modal.css">
<link rel="stylesheet" href="/css/scroll-to-top.css">
<link rel="stylesheet" href="/resource/font/FluentSystemIcons-Regular.css">
<script src="/js/pwa/register-sw.js" defer></script>
<script src="/js/theme.js" defer></script>
<script src="/js/sidebar.js" defer></script>
<script src="/js/lightbox.js" defer></script>
<script src="/js/avatar.js" defer></script>
<script src="/js/scroll-to-top.js" defer></script>
<script src="/js/search.js" defer></script>
<script src="/js/spa-router.js" defer></script>
<script src="/js/settings-modal.js" defer></script>
<script src="/js/code.js" defer></script>
<link rel="stylesheet" href="/css/column.css">
</head>
<body>
<div id="shell-root"></div>
<script src="/js/shell-loader.js"></script>
<main>
<div class="column-stack">
<section class="article-card">
<p class="eyebrow">关于</p>
<div style="display: flex; align-items: center; gap: 18px; margin-bottom: 1rem;">
<img class="about-avatar" src="/resource/img/shell/shuiyu.avif" alt="站点头像" loading="lazy" fetchpriority="high">
<div>
<span class="about-kicker">whwdzg.github.io</span>
<h1>关于本站</h1>
<p class="about-lead">个人向导览与存档站点（2.0），聚合导航、专栏、主题与多语言能力。</p>
<div class="link-row" aria-label="快捷入口">
<a href="/">返回主页</a>
<a href="/Legacy-1.0/">旧版存档</a>
</div>
</div>
</div>
</section>
<section class="article-card">
<h2>功能概览</h2>
<ul>
<li>单页导航：共享的 header/sidebar 壳层与轻量路由。</li>
<li>多语言与主题切换：预置多语种 JSON 与深浅色模式。</li>
<li>渐进式增强：懒加载图片、滚动返回顶部、设置面板。</li>
<li>PWA：manifest、service worker 与简单离线缓存。</li>
</ul>
</section>
<section class="article-card">
<h2>目录速览</h2>
<ul>
<li>/css：全站样式与变量。</li>
<li>/js：交互脚本、PWA、辅助工具。</li>
<li>/includes：站点公共壳层片段。</li>
<li>/Legacy-1.0：旧版本备份与回顾。</li>
</ul>
</section>
<section class="article-card">
<h2>本地预览</h2>
<p>仓库是纯静态站点，无需构建步骤。确保已安装 Python 3 后，在项目根目录运行：</p>
<div class="code-block">
<button class="copy-btn component-btn component-btn--flat component-icon-btn" title="复制">
<span class="fluent-icon icon-ic_fluent_copy_24_regular"></span>
</button>
<pre class="code-lines"><code class="code-line">python serve.py</code></pre>
</div>
<p>脚本会启动简易本地服务器，便于预览。</p>
</section>
<section class="article-card">
<h2>许可与状态</h2>
<div class="article-meta">
<span class="pill"><i class="icon-ic_fluent_shield_24_regular" aria-hidden="true"></i>GPL v3</span>
<span class="pill"><i class="icon-ic_fluent_cloud_24_regular" aria-hidden="true"></i>PWA</span>
<span class="pill"><i class="icon-ic_fluent_arrow_sync_circle_24_regular" aria-hidden="true"></i>2.1.0.0-20260726</span>
</div>
<p style="margin-top:10px;">本仓库采用 GPL v3 许可证，详见 <a href="/LICENSE">LICENSE</a>。</p>
<p style="margin-top:10px;">项目README中有详细的使用说明 <a href="/README.md">README</a>。</p>
<p style="margin-top:10px;">部分资源来自 <a href="https://zh.minecraft.wiki">中文Minecraft Wiki</a>。</p>
</section>
</div>
</main>
<script src="/js/code.js"></script>
</body>
</html>