从零开始 · 建站使用说明
无论你是新手还是老手，这里都有你需要的网站使用技巧、内容管理方法和常见问题解答。
📌 建站快速指南 5分钟上手
本站提供完整的静态网站生成与部署方案。以下是最常用的三种建站方式：
⚡ 可视化编辑器 · 代码片段 · 一键部署
- 使用在线面板： 登录后台 → 选择“新建站点” → 挑选模板 → 编辑内容 → 发布。无需代码基础。
- 本地开发 + Git： 克隆模板仓库，使用
index.html结构，自定义CSS/JS，推送至 GitHub Pages 或 Vercel。 - AI 辅助生成： 在对话框输入需求（如“FAQ页面 现代风格”），系统直接输出完整 HTML，复制即可使用。
💡 提示：所有页面均支持响应式，你可以在手机、平板和桌面端预览效果。
❓ FAQ 常见问题
直接编辑 HTML 中 <title> 和 <meta name="description"> 标签。在“网站设置”面板中也有可视化修改入口。
找到 <ul class="nav-links"> 列表，修改 href 属性和显示文字。若使用面板，在“菜单”拖拽排序即可。
复制一份 .faq-item 结构，修改问题与答案内容。注意保持 faq-question 和 faq-answer 的层级。
当然可以。在部署平台（如 Vercel / Netlify）的自定义域名设置中，添加你的域名并配置 CNAME 记录即可。
目前为演示占位。你可以集成表单服务（如 Formspree、Getform）或对接后端 API，在 form 的 action 中设置。
🔍 更多问题？查看 帮助文档 或使用下方联系表单。
🗂️ 站点结构 & 内容管理
一个标准站点由导航栏、主体内容区和页脚构成。以下为推荐的文件/模块组织方式：
- 首页 (index.html) — 主入口，包含 hero、特性、FAQ 等模块。
- 样式系统 — 所有 CSS 变量定义在
:root，便于全局换肤。 - 内容区块 — 每个 section 使用
.section-card卡片容器，保持视觉一致。 - 媒体资源 — 图片可使用渐变占位或上传至
/assets目录。
🖼️ 图片/图表占位区 (可替换为实际截图)
内容管理技巧
- 使用 CSS 变量 快速调整主题色：
--color-accent控制主色调。 - FAQ 手风琴效果由纯 JS 控制，无需额外库。
- 所有文字内容集中在 HTML 中，方便后期维护或接入 CMS。
🌍 示意地图 & 图片展示
下方为地图占位区（示意位置），以及一个额外的图片展示区。你可以在实际项目中替换为真实地图 iframe 或图片。
🗺️ 示意地图 · 你的位置
🌄 图片展示占位 (推荐尺寸 1200x600)
地图和图片区域均支持响应式缩放在移动端自动适配。
✉️ 联系我们 功能表单
如有建站疑问或合作意向，欢迎留言。我们会尽快回复。
📬 演示表单不会实际发送，可对接后端。