定制指南
改文案(5 分钟)
打开 src/public/index.html,搜索替换你的产品名与卖点。文案是销售页的灵魂,别偷懒。
改样式(10 分钟)
所有颜色/圆角/阴影集中在 src/public/assets/styles.css 顶部的 CSS 变量里:
:root {
--brand: #1d4ed8; /* 主色 */
--accent: #f59e0b; /* 强调色 */
--radius: 12px;
}
暗色模式已通过 prefers-color-scheme 自动适配。
加一个页面
- 复制
src/public/pricing.html为mypage.html; - 无需注册路由 —— 静态文件自动服务;
- 需要服务端渲染/数据的话,在
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);
双语着陆页
- 复制
index.html→index-en.html,翻译文案; - 服务器端按
Accept-Language分流(示例代码见docs-zh/双语切换.md); - 或直接在页面内做 i18n 字典切换。