页面结构与路由
站点由多个独立页面组成，Caddy 把 URL 路径映射到目录，公共页面直接走 file_server，私密页面加 basicauth。
[
PROJECT 03
/
WEBSITE DESIGN
]
网站设计
从页面结构、前端样式到 Caddy 部署与 Notion 集成， 记录这个网站具体怎么做出来的每一步。
Frontend
Design System
Caddy
Notion Integration
工程架构
HX 设计系统
暗色科技风格的完整设计语言，CSS 变量统一管理颜色、间距、圆角，改一处即全局生效。
Notion 笔记集成
把 Notion 页面导入网站，作为笔记和项目文章的来源。后端 API 处理拉取与存储，前端 JS 按分类动态渲染。
Caddy 反向代理
所有请求先经过 Caddy，再分流到静态文件或后端 API。启用 zstd + gzip 压缩和安全头。
部署流程
本地改完文件后，通过 SCP 上传到服务器临时目录，再 SSH 进去拷贝到目标位置。手动但可控。
前端脚本与动态加载
静态 HTML 负责结构，JS 负责从 API 拉数据并渲染。各页面有独立的 feed 脚本。
Loading articles...