整个站点是纯静态 HTML + CSS + JS。改动 = 用文本编辑器打开对应文件 → 改文字 → 保存 → 重新上传服务器。不需要任何编译，不需要任何后端。
⓪ 上线：让网站"在浏览器里能打开"
域名不懂？没关系。用免费托管可以 5 分钟拿到一个任何人都能打开的链接。
整个站点在 设计网站/ 文件夹下。把它打成 zip 上传就行。
A. Netlify Drop（推荐）
- 打开 https://app.netlify.com/drop（首次需要邮箱注册一下，2 分钟）
- 把
设计网站/文件夹直接拖进网页中那个虚线框 - 几秒后浏览器跳到一个新地址，类似
https://muguang-design-123.netlify.app - 把这个链接发给别人、贴进微信 / 名片 / PDF 都能打开
B. Cloudflare Pages
- 注册 Cloudflare Pages（也是邮箱注册）
- Create a project → Direct Upload → 拖入
设计网站/文件夹 - 得到一个
xxx.pages.dev链接
C. 想自己电脑上也能开
直接双击 index.html 即可，所有浏览器（Safari / Chrome / Edge）都能打开，地址栏显示 file:///Users/muyang/Documents/设计网站/index.html。
注意：这种本地方式 Service Worker（离线缓存）不工作，其他全部正常。
① 表单：访客提交后怎么收到
网站表单（contact.html）目前的提交行为是"打开您的邮件客户端，预填好所有内容"，访客一按"发送"邮件就发到 646823931@qq.com。
这是零配置的方案，您不需要做任何后端设置：
访客填好表单 → 点提交
→ 浏览器自动打开访客的邮件客户端
→ 邮件正文已经写好（姓名、电话、户型面积、需求等）
→ 访客按"发送"
→ 邮件到达 646823931@qq.com（您配置的邮箱）
→ 您收到邮件后跟进
这个流程不需要 webhook、不需要后端、不需要注册任何服务。
只要访客本地有邮件客户端（Mac 自带 Mail / Outlook / Foxmail）就能跑。
如果想把"您的邮箱"从 646823931@qq.com 改成真实邮箱：
全站搜 "646823931@qq.com" 替换即可。更专业的方案（可选）：用 Formspree.io / Web3Forms 这类免费服务，5 分钟接上就能在 Formspree 后台看到所有提交，并自动发邮件给您。详细见下面 "进阶" 章节。
② 改套餐价格
套餐起步价在两个地方展示，要同时改。
文件 1：index.html （首页「热门服务」区）
- 搜索 "¥199" "¥999" "¥1299" "¥59" "¥399" "¥1999"
- 改 6 个数字即可
文件 2：pricing.html （服务报价对比表）
- 同一组数字在表格里以 "cell-price" 类显示③ 改客服电话 / 邮箱 / 地址
电话/邮箱/地址这 3 个字符串会出现在多个文件：
400-888-1688 → 改成真实电话
646823931@qq.com → 改成真实邮箱
工作室地址 → 改成真实地址
替换命令（macOS Terminal，逐行运行）：
cd /Users/muyang/Documents/设计网站
grep -rl "400-888-1688" *.html | xargs sed -i '' \
-e 's/400-888-1688/真实电话/g'
grep -rl "646823931@qq.com" *.html | xargs sed -i '' \
-e 's/646823931@qq.com/真实邮箱/g'
grep -rl "一线城市" *.html | xargs sed -i '' \
-e 's/一线城市/真实城市/g'④ 改团队成员 / 头像
四个主创出现在 about.html（4 张大头像）和 careers.html。
替换步骤：
1) 新头像放到 images/about/，命名 designer1.jpg ~ designer4.jpg
建议尺寸 600×800 px，JPG 或 WebP 都行
2) 改 about.html 4 处 <img src="images/about/designer?.jpg"> 的 alt 文字
3) 改 4 个名字（当前是"设计总监 / 设计主理 / 商业主理 / 工程经理"）
改主创数量：
把 about.html 里 4 个 hot-card 整块复制/删除⑤ 替换或新增案例图
结构：
images/cases/living-a.jpg ← 案例 1 主图
images/cases/living-b.jpg ← 案例 7 主图
...
每个 case-N.html 详情页头部用一张大图
替换步骤：
1) 新图放到 images/cases/，同名替换
2) 同时让首页 6 个 hot-card 服务卡 也能呈现新作品
新增案例步骤：
1) 仿照 case-N.html 复制一个新的 case-X.html
2) 改 hero 图地址、改标题、改档案、改主要材料表
3) 在 cases.html 的 cases-page-grid 里加一个 <a class="case-tile">
4) 在 sitemap.xml 加一行 <url>
5) 在首页案例区 (case-grid) 加 1 个 case-item 缩略图⑥ 发一篇洞察文章
已有 2 篇示例：insight-1.html / insight-2.html
发新一篇的步骤：
1) 复制 insight-2.html 重命名为 insight-3.html
2) 改 hero 图、面包屑、文章标题、文章正文
3) 在 insights.html 的 "深 入 案 例" 区块加 1 张 case-tile 卡片
4) 在 sitemap.xml 加 URL⑦ 换域名
网站已做完 SEO 套件，只要替换占位符即可。
替换命令：
cd /Users/muyang/Documents/设计网站
grep -rl "muguang.store" . | xargs sed -i '' \
-e 's|muguang.store|你的真实域名|g'
也建议同步改：
- manifest.json 的 start_url / scope
- sitemap.xml 的所有 <loc>
- 域名提供商处加 CNAME 指向托管（如 muguang.store → xxx.netlify.app）⑧ 改 ICP 备案号
位置：index.html 的 footer copyright 区
全文搜 "2026000088" 替换为真实备案号⑨ 换 logo / 改主色
所有颜色都集中在 css/style.css 顶部的 :root：
:root {
--color-primary: #8b6f47; ← 棕色 / 主色
--color-accent: #b8924a; ← 金色 / 强调
--color-bg: #faf6ef; ← 页面背景
--color-ink: #2a2520; ← 文字主色
... 改这里就改全站
}
换 logo（沐字品牌标）：
1) 用 PIL 或 Figma 做新 logo（建议 1024×1024）
2) 替换 icons/icon-master.png
3) 让 Codex 重跑生成脚本（icons 文件夹下）即可输出 7 个尺寸进阶：把表单真正接到自己后端
如果您不想要"打开邮件客户端"那种 form 行为（要访客本地装邮件客户端），可以用 Formspree.io，免费版每月 50 条，5 分钟接上。
- 注册 Formspree.io 账号（邮箱注册，免费）
- Create a new form，输入要接收通知的邮箱
- Formspree 给您一个 endpoint URL，复制下来
- 在
contact.html找到<form id="contact-form">，加上action="您的 endpoint URL" method="POST" - 让 Codex 把
js/main.js里的window.location.href = mailto:...改成 fetch POST 到 endpoint
常见问题
Service Worker 在 file:// 下不工作
SW 只在 https:// 或 http://localhost 下激活。本地预览时缓存不会启用，但所有功能（轮播 / FAQ / 表单 / 速测 / 报价）仍然正常。Netlify / Cloudflare Pages 部署后即生效。
改了 CSS 但页面上不生效
浏览器会缓存 css/style.css，强制刷新（macOS: Cmd + Shift + R）即可。
添加新案例后 sitemap 没更新
在 sitemap.xml </urlset> 之前追加一行： <url><loc>https://你的域名/case-X.html</loc></url> 或者用任何 sitemap 生成工具自动同步。
本地用 Cmd+双击打开后看不到效果
建议用 macOS 自带 Safari 而不是 Chrome —— Chrome 对 file:// 协议有限制，会影响 SEO/JSON-LD 的解析。Safari 看本地完全没问题。