背景
原先一直使用的官方在线文档,其实速度也还行。最近总时不时抽风。一来二去想着能不能部署到本地。在此对过程做下记录。
部署本地文档
下载文档
element-plus的的gh-pages分支包含了文档,下载即可。
只clone gh-pages分支
git clone -b gh-pages --depth=1 https://gitee.com/element-plus/element-plus.git
启动服务
启动服务有很多种方式
- nginx
- vscode中的live server插件
- npm安装
static-server
我们此处以static-server为例，npm install -g static-server
然后,进入到element-plus目录
static-server -p 8080 -o
然后,访问http://127.0.0.1:8080即可。
docker部署
如果恰巧有一个nas或者小型服务器,可以考虑docker部署,更加的方便。
创建Dockerfile
# 使用官方Node.js运行时镜像作为基础镜像
FROM node:18-alpine
# 设置工作目录
WORKDIR /app
# 配置 npm 使用淘宝镜像源
RUN npm config set registry https://registry.npmmirror.com/
# 复制所有文件到工作目录
COPY ./element-plus/ /app/
# 全局安装 static-server
RUN npm install -g static-server
# 暴露8080端口
EXPOSE 8080
# 启动应用
CMD ["sh", "-c", "static-server -p 8080 & tail -f /dev/null"]
按照实际情况调整
build镜像
docker build -t element-plus-docs .
运行
docker run -it -d -p 8098:8080 --name element-plus-docs element-plus-docs
docker无法下载镜像
参考:
还有一个在用的鸡贼的解决方案。使用虚拟机啥的安装一个飞牛nas，通过飞牛nas来拉取镜像。再使用paramiko
来自动化导入导出镜像这一过程。
