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/内容区/致谢的可视化配置,以及标签与分类的联动体验。

发送邮件