Atom 门户 纯静态站点:无框架、无脚本、无构建,双击任意页面即可浏览

功能介绍

这个静态门户「开箱即用」的能力,全部由原生 HTML / CSS 实现,零 JavaScript。

核心能力

像 mdview 一样干净,只做该做的事

🧭

顶部大栏目导航

每个栏目一个醒目的大按钮,当前页面自动高亮,任意页面都能一键跳转。

🗂️

卡片式栏目入口

首页把栏目做成大卡片:图标 + 标题 + 简介 + 跳转箭头,扫一眼就能找到想去的页面。

📄

多页静态结构

首页 + 功能 / 文档 / 博客 / 常见问题 / 部署 / 关于,页面之间通过相对路径互链。

🪗

原生手风琴 FAQ

用 details / summary 实现折叠问答,零 JavaScript,天然支持键盘操作与无障碍。

📱

响应式布局

桌面三列、平板两列、手机单列自动切换;窄屏时头部大按钮自动换行居中。

🎨

统一设计变量

主色、圆角、阴影都集中在 :root 变量里,改一个值即可全站换肤。

对比

为什么用纯静态

内容型站点的本质是「看」,不需要运行时。

框架站点(Vue / React …) 本静态门户
构建工具 需要 Node.js 与构建命令 无,浏览器直接打开
依赖体积 通常几百 KB ~ 几 MB 的 JS 仅 HTML / CSS,共约几十 KB
部署方式 需服务器运行构建产物 任意静态目录 / Pages 服务
修改成本 改代码后需重新构建 改完保存即生效
打开速度 取决于 JS 加载与执行 双击即开,本地 <1s

想动手改一改?

文档页有完整的自定义指南:换色、改名、增删栏目,都是几分钟的事。