定制指南

改文案(5 分钟)

打开 src/public/index.html,搜索替换你的产品名与卖点。文案是销售页的灵魂,别偷懒。

改样式(10 分钟)

所有颜色/圆角/阴影集中在 src/public/assets/styles.css 顶部的 CSS 变量里:

:root {
  --brand: #1d4ed8;   /* 主色 */
  --accent: #f59e0b;  /* 强调色 */
  --radius: 12px;
}

暗色模式已通过 prefers-color-scheme 自动适配。

加一个页面

  1. 复制 src/public/pricing.html 为 mypage.html;
  2. 无需注册路由 —— 静态文件自动服务;
  3. 需要服务端渲染/数据的话,在 src/server.js 的 router 里加一个分支。

加一个 API

在 src/server.js 的 handleApi 里追加:

if (url.pathname === '/api/my-feature' && req.method === 'GET') {
  if (!user) return util.sendJson(res, 401, { error: '未登录' });
  return util.sendJson(res, 200, { data: 'hello' });
}

完整示例:内置的 /api/projects CRUD(路由 → 校验 → 落库 → 前端渲染)。

加一个数据表

// db.js 的 empty() 里加
myTable: [],

// 业务代码里
const doc = { id: util.uuid(), createdAt: new Date().toISOString() };
db.insert('myTable', doc);

双语着陆页

  1. 复制 index.html → index-en.html,翻译文案;
  2. 服务器端按 Accept-Language 分流(示例代码见 docs-zh/双语切换.md);
  3. 或直接在页面内做 i18n 字典切换。