## 准备

- node@^18.20.0
- yarn@^1.22.22

> 如果您未拥有 nodejs 版本管理工具，`volta` 是一个不错的选择。

## 仓库、依赖及其构建

### 克隆 `content` 仓库

```sh
git clone git@github.com:mdn/content.git

# 如需翻译版本，克隆翻译仓库
git clone git@github.com:mdn/translated-content.git
```

### 将工作目录切换至 content 目录下，打包环境准备。

```sh
cd content

# 注意，只有在您使用 volta 管理 nodejs 版本的情况下，需求执行下面两条命令
# 若您正在使用其他 node 版本管理工具，请参考其文档切换 nodejs 版本
volta pin node@18
volta pin yarn@^1.0.0
```

### 安装依赖及构建

```sh
# 安装依赖
yarn
# 构建英文版本
yarn build

# 打包翻译版本
CONTENT_TRANSLATED_ROOT=../translated-content/files yarn build

# 复制静态资源
cp -r node_modules/@mdn/yari/client/build/* build
```


### 启动 http 服务预览

> 此步骤假设您已经安装了 [`http-server`](https://www.npmjs.com/package/http-server)

```sh
http-server build
```

在浏览器中打开 [http://127.0.0.1:8080/en-us/](`http://127.0.0.1:8080/en-us/`)，即刻开启本地学习之旅。

### 参考

- [https://github.com/mdn/content/blob/main/README.md][1]
- [在内网/本机部署自己的 MDN 静态站][2]

[1]: https://github.com/mdn/content/blob/main/README.md
[2]: https://juejin.cn/post/7172936923999109134


MDN 本地部署

准备

仓库、依赖及其构建

克隆 content 仓库

将工作目录切换至 content 目录下，打包环境准备。

安装依赖及构建

启动 http 服务预览

参考

克隆 `content` 仓库