feat(website,docs,build): 首屏改成大标题 + 整行渐变填色,官网与文档站合并发布到 GitHub Pages
官网(`website/`)
- 首屏标题放大一档(`--fs-display` 上限 3.6rem → 4rem),第二行改成**整行渐变填色**,
照 ClassIsland 官网那种「大标题 + 中间一段渐变 + 一行副标 + 一排徽章 + 两个按钮」的写法;
- 标题下补一排 mono 芯片(版本 / Windows / Linux·Docker / 触摸屏),主按钮换成
「立即下载」+「GitHub 仓库」;
- 顶部导航与页脚补「文档站」入口;页脚原本指向 GitHub blob 的那三个链接改成指向文档站
—— 那几个文件已经移到 `docs/management/` 下,原链接是 404。
> ⚠ 渐变那一行**不参与逐字揭示**:`main.js` 的 `setupHeadlineReveal` 会跳过 `.reveal-grad`。
> 拆成 per-char 的 `inline-block` 之后每个字各自建一层合成,祖先的 `background-clip: text`
> 就穿不过去,渐变会整行失效 —— 所以它按整行入场(透明度 + 轻微上浮)。
站点发布(`.github/workflows/pages.yml`,取代 `docs.yml`)
- **一个仓库在 GitHub Pages 上只有一个站点**,所以官网与文档站拼成一份产物:
官网在根、文档站在 `/docs/` 下,组装逻辑在 `scripts/build-pages.mjs`;
- 站点根 404 由 `website/404.html` 提供(含 `{{BASE}}` 占位符,由脚本与 workflow 按仓库名注入);
- 官网目录里的 `serve.mjs` 与 `tools/` 是开发用的,不发布;
- `website/serve.mjs` 把 `../docs/_site` 挂在 `/docs/` 下,让本地预览与线上同形 ——
否则页脚那几个「文档站」链接在本地全是 404;
- 文档站模板顶栏补一个「官网」入口(`{{_rel}}../`)。
版本迭代
- `scripts/version.mjs` 补上**官网上手写的三处版本号**(顶栏徽标 / 首屏芯片 / 页脚)。
官网是纯静态站、没有构建步骤,没有哪段代码会去读 `package.json`,漏改的后果是
首页一直挂着旧版本号 —— 而那是别人看到的第一眼。落点从 10 处变成 13 处,
`AGENTS.md` §4.4 与 `docs/dev/release.md` 同步。
This commit is contained in:
1 parent
19c2aa07b2
commit
ded10118f5
15 files changed
+501
-83
No files matched your search
+23
-24
@@ -54,6 +54,7 @@
|
||||
<a href="#shots">实机</a>
|
||||
<a href="#deploy">部署</a>
|
||||
<a href="#verify">验收</a>
|
||||
<a href="docs/index.html">文档站</a>
|
||||
</nav>
|
||||
<a class="btn btn-quiet" href="#deploy" data-press="0.95">取安装包</a>
|
||||
</div>
|
||||
@@ -68,7 +69,7 @@
|
||||
<div class="hero-intro">
|
||||
<h1 class="display" data-reveal>
|
||||
<span class="reveal-line">它知道现在是第几节课,</span>
|
||||
<span class="reveal-line">所以不会在课上打扰学生。</span>
|
||||
<span class="reveal-line reveal-grad">不会在课上打扰学生</span>
|
||||
</h1>
|
||||
|
||||
<p class="hero-sub intro-seq" style="--intro-delay: 150ms">课表、作业、通知、成绩、叫人</p>
|
||||
@@ -79,9 +80,24 @@
|
||||
</p>
|
||||
|
||||
<div class="actions intro-seq" style="--intro-delay: 250ms">
|
||||
<a class="btn btn-solid" href="#deploy" data-press="0.93">下载与部署</a>
|
||||
<a class="btn btn-line" href="#journey" data-press="0.93">先看它怎么工作</a>
|
||||
<a class="btn btn-solid" href="#deploy" data-press="0.93">立即下载</a>
|
||||
<a
|
||||
class="btn btn-line"
|
||||
href="https://github.com/LoveChengke/ClassHelper"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
data-press="0.93"
|
||||
>
|
||||
GitHub 仓库
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<ul class="hero-badges intro-seq" style="--intro-delay: 300ms">
|
||||
<li>v1.1.2</li>
|
||||
<li>Windows 10/11</li>
|
||||
<li>Linux · Docker</li>
|
||||
<li>触摸屏可用</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
@@ -649,27 +665,10 @@
|
||||
</div>
|
||||
<nav class="foot-nav" aria-label="相关链接">
|
||||
<a href="https://github.com/LoveChengke/ClassHelper" target="_blank" rel="noreferrer">源码仓库</a>
|
||||
<a
|
||||
href="https://github.com/LoveChengke/ClassHelper/blob/master/docs/production.md"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
生产部署
|
||||
</a>
|
||||
<a
|
||||
href="https://github.com/LoveChengke/ClassHelper/blob/master/docs/linux-deploy.md"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Linux 运维
|
||||
</a>
|
||||
<a
|
||||
href="https://github.com/LoveChengke/ClassHelper/blob/master/docs/mysql.md"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
切换 MySQL
|
||||
</a>
|
||||
<a href="docs/index.html">文档站</a>
|
||||
<a href="docs/management/production.html">生产部署</a>
|
||||
<a href="docs/management/linux-deploy.html">Linux 运维</a>
|
||||
<a href="docs/management/mysql.html">切换 MySQL</a>
|
||||
<a href="https://classisland.tech" target="_blank" rel="noreferrer">ClassIsland</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
Reference in new issue
Block a user