zmh.life 个人站
个人站点「知·行·合·一」的搭建与迭代,包含前台 11ty 与后台 Node 内容管理。
时间周期
2024 Q4 - 2025 Q1
工具
Node.js, Express, 11ty, Nunjucks, Markdown
客户
个人
项目概述
本站采用代码与内容分仓:代码在 MyWebsite,内容在 MyWebsite_Contents。后台提供页面内容管理、素材库、订阅与邮件、喜欢/点赞等能力;前台为 11ty 静态站,从构建与 API 获取数据。
技术栈
- 前端:11ty,Nunjucks 模板,按 section(知/行/合/一)组织写作、阅读、观察、项目等条目。
- 后端:Node.js + Express,文章与配置以 JSON/文件形式存储,可选 PostgreSQL 存点赞与订阅。
- 部署:前端构建产物与静态资源由后端或 CDN 提供;内容更新可单独拉取内容仓并重建。
核心特点
- 知:收集(Notion)、观察、写作、阅读四个子板块,支持分类、标签、封面与正文。
- 行:项目库,每条目含封面、摘要、周期、工具、客户等可选字段。
- 合:自我介绍、有生之年、成就清单等单页配置。
- 一:年度视频等独立模块。
- 后台统一管理上述内容与素材,支持草稿与发布、素材库引用。
成果与后续
当前已支持全站内容在后台编辑、发布与前端展示。后续计划:继续完善首页 Hero/内容区/致谢的可视化配置,以及标签与分类的联动体验。