常见问题
关于结构、修改与部署，你可能想问的都在这里。点击问题即可展开。
这个站点是怎么生成的？用了什么框架？
没有用任何框架。整站是手写的 HTML + 一个
style.css，没有构建步骤、没有 JavaScript、没有外部字体或图标库（图标是 emoji）。浏览器双击 index.html 就能完整浏览。如何新增一个栏目页面？
三步：① 复制任意一个栏目页（如
features.html）改个文件名；② 修改新页面里的 <title>，并把头部导航中对应按钮的 active 类移到新页面对应的按钮上；③ 在所有页面的 <nav class="site-nav"> 里加一个 <a class="nav-btn"> 指向新页面（建议顺手在首页的栏目大卡片区也加一张卡片）。为什么页面之间都用相对路径链接？
比如
href="features.html" 而不是 href="/features.html"。这样整个目录无论放在网站根目录还是任意子目录（如 /portal/），所有互链都能正常工作，不需要改任何路径配置。能加 JavaScript 吗？
可以，在
</body> 前加 <script src="…"> 即可。但当前刻意保持零脚本，是为了保证「双击即开、永不失效」。如果只是想要交互（如折叠菜单），优先用原生方案——本页的 FAQ 手风琴就是纯 <details> 实现的。如何部署到网上？
把整个目录放到任意能服务静态文件的地方即可：GitHub Pages、Gitee Pages、对象存储、nginx / Apache 的 web 目录都行。具体命令和配置见获取与部署页。
手机上显示效果如何？
全站响应式：≥900px 三列布局，641~900px 两列，≤640px 单列；头部导航在窄屏时折到 logo 下方并自动换行居中。建议改完内容后用手机或浏览器 DevTools 过一遍。
如何加图片？
把图片放进与 HTML 同目录（或建一个
img/ 子目录），用 <img src="img/xx.png" alt="描述"> 引入即可。建议单张控制在 200KB 以内，或导出 WebP，保持静态站的轻量优势。想换掉蓝色主题，样式在哪里改？
打开
style.css，最顶部的 :root 里是全部设计变量：把 --primary、--primary-dark、--primary-soft 换成你喜欢的三个深浅色值，全站（按钮、导航高亮、链接、图标底色）一次性换肤。完整示例见使用文档。