Element-plus 离线文档部署

前言

渺小的我，在一家公司当牛马。现在处于内网开发阶段，不能在内网访问element-plus的一个官网，虽然可以带自己的电脑来查阅一些资料，不过本人还是觉得不能直接CV过来，还要自己手打就非常的繁琐，所以就探索一下，怎么自己部署一个Element-plus离线文档。

预期结果

在内网电脑上能访问element-plus文档，并且我的同事队友也能一同访问预览。

element-plus

• element-plus 官网
• element-plus github

查阅了一下资料，然后我发现了在github上有一个这样的一个分支 gh-pages，这个分支上的东西就能很好的解决我遇到的问题。

gh-pages

我是通过下载压缩包的方式把文件拉下来的

nginx

• nginx 官网

下载一个nginx，我这边是windows，所以我下载了一个windows版本的，大家可以按照自己的开发环境自行下载。

实践

1、把github拉下来的文件解压到nginx-1.28.0目录下的html文件夹里面

2、修改nginx-1.28.0目录下的conf文件夹下nginx.conf文件

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       8080;
        server_name  localhost;

        location / {
            root   html/element-plus-gh-pages;
            index  index.html index.htm;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

}

3、双击点击nginx运行

预览效果