# 17. 手把手教你打造自己的 ant-design 国内镜像
# 1. 背 景
经常看到有童鞋来抱怨 ant-design 的官网（ https://ant.design ）访问缓慢，而国内镜像（ https://ant-design.gitee.io ）有时也出现挂了的现象。
现在 ant-design 已经发布了 4.x 的新版本，而有的童鞋还在使用 3.x 版本，由于 ant-design.gitee 一直部署的是最新版本，所以目前访问 3.x 甚至是 2.x 、1.x 的国内镜像基本是不可能的。
本篇将来介绍如何用 Gitee 免费打造自己的任意版本的 ant-design 国内镜像地址。
# 2. 正 文
现已搭建 https://ant-design-3x.gitee.io/
本人 Gitee Pages 或更换其他。
# 2.1 介 绍
- 名 词
下面先列出一些基础的地址。由于都是关于 ant-design ，所以去掉了抬头。
| 名称 | 地址 |
|---|---|
| GitHub | https://github.com/ant-design/ant-design |
| 官网 | https://ant.design |
| Gitee | https://gitee.com/ant-design/ant-design |
| 国内镜像 | https://ant-design.gitee.io |
- Pages
经常使用 GitHub、Gitee 的童鞋都知道，这两个平台都免费提供了一个静态网页托管服务，他允许我们不用在申请域名、申请服务器的情况下，直接打造静态网站。
以下是我的 Pages 地址，感兴趣的可以先预览一下。
| 名称 | 地址 |
|---|---|
| GitHub 预览 | https://xrkffgg.github.io/ |
| GitHub 仓库 | https://github.com/xrkffgg/xrkffgg.github.io |
| Gitee 预览 | https://xrkffgg.gitee.io/ |
| Gitee 仓库 | https://gitee.com/xrkffgg/xrkffgg |
Gitee Pages 介绍（https://gitee.com/help/articles/4136）
# 2.2 注册 Gitee
地址： https://gitee.com/
# 2.3 新建仓库
这里推荐使用用户名作为仓库名称，也可不同，具体参考 Gitee Pages 介绍。 如果你的仓库名和你的用户名一样，那你的 Pages 地址就是http://用户.gitee.io/ ，如果不一样就会显示http://用户.gitee.io/仓库/ 。
# 2.4 获取代码
# 2.4.1 gh-pages
ant-design 每次版本发布时，都会将编译后的网站文件放到 gh-pages 分支中。
我们只需要找到正确的版本，就可以直接拿到编译后文件。
这里教大家一个方法。😎
我们可以去 Tags 里查看某个版本的发布时间，
然后去 gh-pages 找到与此时间相近的提交记录，基本上就可以锁定是哪个版本的代码了，然后在 CHANGELOG 文件中第一行就可以验证是否是我们需要的版本啦。
# 2.4.2 自己编译
可以在 Tags 或者 分支里 clone 到想要的版本。
yarn
# 命令或因版本而不同，具体查看 package.json
yarn start
yarn site
这里列出 2 个可能用到的 Git 命令。
- clone 指定分支
git clone -b v1.0 http:xxxxx
- checkout 历史提交
git checkout (commit id 类似：f5e66229c0c149be32916b5dfce4c29a1580cc63 )
# 2.4 提交代码
拿到编译的代码后，我们可以直接把代码放到我们刚才新建的 Gitee 仓库中。可以看一下我这个仓库的效果。
# 2.5 部署代码
进入后直接点击 部署 / 更新 就可以直接访问啦。
# 3. 后 记
感谢支持。
若不足之处，欢迎大家指出，共勉。
如果觉得不错，记得 点赞，谢谢大家 ʚ💖ɞ
欢迎关注。
# 3.1 原文地址
https://xrkffgg.github.io/Knotes/blog/17.html (opens new window)