功能介绍
这个静态门户「开箱即用」的能力,全部由原生 HTML / CSS 实现,零 JavaScript。
核心能力
像 mdview 一样干净,只做该做的事
顶部大栏目导航
每个栏目一个醒目的大按钮,当前页面自动高亮,任意页面都能一键跳转。
卡片式栏目入口
首页把栏目做成大卡片:图标 + 标题 + 简介 + 跳转箭头,扫一眼就能找到想去的页面。
多页静态结构
首页 + 功能 / 文档 / 博客 / 常见问题 / 部署 / 关于,页面之间通过相对路径互链。
原生手风琴 FAQ
用 details / summary 实现折叠问答,零 JavaScript,天然支持键盘操作与无障碍。
响应式布局
桌面三列、平板两列、手机单列自动切换;窄屏时头部大按钮自动换行居中。
统一设计变量
主色、圆角、阴影都集中在 :root 变量里,改一个值即可全站换肤。
对比
为什么用纯静态
内容型站点的本质是「看」,不需要运行时。
| 框架站点(Vue / React …) | 本静态门户 | |
|---|---|---|
| 构建工具 | 需要 Node.js 与构建命令 | 无,浏览器直接打开 |
| 依赖体积 | 通常几百 KB ~ 几 MB 的 JS | 仅 HTML / CSS,共约几十 KB |
| 部署方式 | 需服务器运行构建产物 | 任意静态目录 / Pages 服务 |
| 修改成本 | 改代码后需重新构建 | 改完保存即生效 |
| 打开速度 | 取决于 JS 加载与执行 | 双击即开,本地 <1s |