🎉 佰异咨询官网 - 快速启动指南

✅ 项目已准备就绪！
所有页面和文件已成功创建，您现在可以开始定制您的网站了。

📁 项目结构

baiyi_beidiao/
├── index.html ← 首页（入口页面）
├── background_check.html ← 背景调查页面
├── due_diligence.html ← 尽职调查页面
├── competition_restrictions.html ← 竞业限制页面
├── personal_report.html ← 个人背调报告页面
├── compliance_investigation.html ← 企业内部合规调查页面
├── careers.html ← 工作机会页面
├── contact.html ← 联系我们页面（含表单）
├── css/
│ └── style.css ← 主样式文件（蓝色主题）
├── js/
│ └── main.js ← JavaScript 交互脚本
├── images/ ← 图片目录（需添加）
└── README.md ← 详细文档

🚀 立即开始（3 步上线）

第 1 步：本地预览

直接在浏览器中打开 index.html 即可查看效果。

💡 提示：为了更好的体验，建议使用本地服务器预览。

使用 Python：
cd /Users/lijiao/Documents/Project/website/baiyi_beidiao
python -m http.server 8000
然后访问：http://localhost:8000

第 2 步：替换关键内容

优先级 需要替换的内容 位置
🔴 高 Logo 图片 images/logo-placeholder.png
🔴 高 联系方式（电话、邮箱） 所有 HTML 文件
🔴 高 公司地址 所有 HTML 文件的页脚部分
🟡 中 轮播图背景 images/slide1-bg.jpg 等
🟡 中 服务内容和价格 各服务页面
🟢 低 客户评价 index.html

第 3 步：部署上线

推荐的免费托管平台：

🎨 快速定制指南

修改品牌颜色

打开 css/style.css，找到第 12-16 行，修改 CSS 变量：

:root {
  --primary-color: #1e6fd9;  /* 改成您的品牌主色 */
  --primary-dark: #0d4a9e;   /* 悬停颜色 */
  --accent-color: #ff6b35;   /* 按钮强调色 */
}

修改导航菜单

在所有 HTML 文件中搜索 <nav class="main-nav">，修改菜单项和链接。

修改联系表单

表单目前使用前端验证。要接收邮件，推荐使用 Formspree：

  1. 访问 Formspree 注册并创建表单
  2. 获取 endpoint URL
  3. 在 contact.html 中修改表单标签： 
    <form action="https://formspree.io/f/yourFormId" method="POST">

📋 功能清单

✅ 已实现的功能：

🔧 常用修改命令

批量替换文本（Mac/Linux）：

# 替换邮箱地址
grep -rl "info@baiyibeidiao.com" ./*.html | xargs sed -i '' 's/info@baiyibeidiao.com/your@email.com/g'

# 替换电话号码
grep -rl "400-XXX-XXXX" ./*.html | xargs sed -i '' 's/400-XXX-XXXX/400-123-4567/g'

📊 SEO 优化建议

🆘 需要帮助？

请阅读 README.md 获取更详细的文档说明。

⚠️ 注意事项：

📱 页面预览链接

🏠 首页 🔍 背景调查 📊 尽职调查 ⚖️ 竞业限制 👤 个人背调 🏢 合规调查 💼 工作机会 📞 联系我们

🎊 祝您使用愉快！
如有任何问题，请查看 README.md 或联系技术团队。