dizhi是一个纯静态的目录型站点:它构建了一个「文档版式资源库」类网站的完整信息架构——目录、详情、搜索、博客、会员、政策与法律页面——收录公用事业账单、银行与收入类文档的真实模板文件,用于研究这类站点如何组织内容与引导浏览。
站内文件为真实文件的模板副本,覆盖多个国家/地区与多种文档类型,支持浏览、购买下载,并可在制作台中编辑替换字段后导出。
技术构成
- 纯 HTML / CSS / 原生 JavaScript,无框架、无构建步骤,后端仅一个零依赖的 Python 服务。
- 页面数据集中在
js/data.js,筛选、搜索、详情渲染全部在浏览器端完成。 - 共享页头页脚由
js/layout.js注入,避免多页面重复维护。 - 深蓝 #253d57 主色、亮蓝 #02a7f0 点缀、浅蓝白背景。
这个项目想说明什么
- 目录型站点的信息架构:分类 → 筛选 → 详情 → 相关推荐。
- 使用说明如何嵌入页面结构(目录、详情、政策页多处呼应)。
- 在保持纯静态核心的情况下,站点可以承载多少真实功能。