关于本站
一个以 mdview.cn 为参照的静态站点模板：头部大栏目按钮 + 卡片式页面，拿来就能用、改起来不费劲。
设计说明
三个刻意的设计选择
简洁优先
去掉一切装饰性动画与冗余区块，让内容与栏目按钮成为页面的主角，和 mdview「干净、无打扰」的取向一致。
蓝白配色
白色为底、浅灰分区、蓝色做强调；所有颜色收敛在 :root 变量里，换肤只改三行。
卡片分区
栏目、功能、文章、步骤统一用「圆角卡片 + 轻投影」表达，视觉语言全篇一致，新内容往里填即可。
技术说明
用了什么，没用什么
| 项 | 说明 |
|---|---|
| HTML | 原生 HTML5 语义标签：header / nav / main / section / details / footer |
| CSS | 单文件 style.css：Grid / Flex 布局、CSS 变量、媒体查询，未使用预处理器 |
| JavaScript | 无。折叠交互由 <details> 原生提供 |
| 字体 / 图标 | 系统字体栈 + emoji 图标，无任何外部资源请求 |
| 构建 / 框架 | 无。不需要 Node.js，不存在构建产物 |
扩展建议
想再进一步，从这里开始
| 方向 | 做法 |
|---|---|
| 文章详情页 | 建 posts/ 子目录，每篇一个 html；博客卡片换成 <a>（正文页里头部链接要加 ../ 前缀） |
| 深色模式 | 在 style.css 里用 @media (prefers-color-scheme: dark) 覆写 :root 变量，跟随系统自动切换 |
| 站内搜索 | 加一个几十行的 JS 脚本做关键词过滤——这是唯一需要「破例」引入脚本的功能 |
| 多语言 | 按语言复制整个目录（如 zh/、en/），头部加语言切换链接 |
| 站点地图 | 写一个 sitemap.xml 列出各页面 URL，利于搜索引擎收录 |