Skip to content

🚀 双构建部署快速开始

一分钟快速开始

1️⃣ 验证配置

bash
node scripts/verify-dual-build.js

2️⃣ 本地开发

bash
# 开发中文站
npm run dev:cn

# 开发英文站(另开一个终端)
npm run dev:en

3️⃣ 构建站点

bash
# 构建所有站点
npm run build:all

# 或者分别构建
npm run build:cn  # 输出到 dist-cn/
npm run build:en  # 输出到 dist-en/

4️⃣ 本地预览

bash
# 预览中文站
npm run preview:cn
# 访问 http://localhost:4173

# 预览英文站
npm run preview:en
# 访问 http://localhost:4174

📦 可用命令

命令说明
npm run dev:cn开发中文站
npm run dev:en开发英文站
npm run build:cn构建中文站 → dist-cn/
npm run build:en构建英文站 → dist-en/
npm run build:all构建所有站点
npm run preview:cn预览中文站(端口 4173)
npm run preview:en预览英文站(端口 4174)

🎯 核心文件

文件说明
.vitepress/config-cn.ts中文站配置
.vitepress/config-en.ts英文站配置
.vitepress/config/shared.ts共享配置
public/scripts/crossDomainMapping.js跨域语言切换配置

📂 内容结构

项目根目录
├── index.md              # 中文首页
├── docs/                 # 中文文档
├── blog/                 # 中文博客
└── en/                   # 英文内容
    ├── index.md          # 英文首页
    ├── docs/             # 英文文档
    └── blog/             # 英文博客

✨ 构建产物

中文站 (dist-cn/)

dist-cn/
├── index.html            # ls-ai.cn/
├── docs/
│   └── installation.html # ls-ai.cn/docs/installation
├── blog/
└── assets/

英文站 (dist-en/)

dist-en/
├── index.html            # flareseek.com/
├── docs/
│   └── installation.html # flareseek.com/docs/installation
├── blog/
└── assets/

重点: 两个站点的 URL 结构完全相同!


🌐 URL 映射关系

源文件中文站 URL英文站 URL
/index.mdls-ai.cn/-
/en/index.md-flareseek.com/
/docs/installation.mdls-ai.cn/docs/installation-
/en/docs/installation.md-flareseek.com/docs/installation

语言切换: 点击切换器时,路径保持不变,只切换域名

  • ls-ai.cn/docs/installation
  • flareseek.com/docs/installation

🔧 常见操作

添加新页面

  1. 中文页面

    创建: docs/new-page.md
    URL: ls-ai.cn/docs/new-page
  2. 英文页面(对应中文页面)

    创建: en/docs/new-page.md
    URL: flareseek.com/docs/new-page

注意: 文件路径必须完全对应!

修改导航菜单

  • 中文导航: 编辑 .vitepress/config-cn.tsnav 配置
  • 英文导航: 编辑 .vitepress/config-en.tsnav 配置

修改SEO配置

  • 中文SEO: .vitepress/config-cn.tshead 部分
  • 英文SEO: .vitepress/config-en.tshead 部分

🚨 注意事项

⚠️ 静态资源共享

/public/ 目录会被两个站点共享,如果需要:

方案1: 将 /public/ 复制到 /en/public/

bash
cp -r public en/

方案2: 使用软链接(推荐,Linux/Mac)

bash
cd en
ln -s ../public public

⚠️ 路径一致性

确保中英文文件路径完全对应:

✅ 正确
/docs/installation.md
/en/docs/installation.md

❌ 错误
/docs/installation.md
/en/docs/install.md      # 文件名不一致

⚠️ 构建顺序

如果使用 scripts/copy-cover-images.js,确保:

bash
npm run build:cn  # 先构建中文站(会复制图片)
npm run build:en  # 再构建英文站

📚 详细文档

查看完整文档: DUAL_BUILD_DEPLOYMENT.md

包含:

  • 详细配置说明
  • Nginx 配置示例
  • SEO 优化指南
  • 部署流程
  • 常见问题解答

✅ 验证清单

部署前检查:

  • [ ] 运行 node scripts/verify-dual-build.js 通过
  • [ ] 本地预览中文站正常
  • [ ] 本地预览英文站正常
  • [ ] 语言切换功能测试通过
  • [ ] 所有页面路径一一对应
  • [ ] 静态资源加载正常

需要帮助? 查看 DUAL_BUILD_DEPLOYMENT.md 的常见问题部分