Element-plus 离线文档部署

前言

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

预期结果

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

element-plus

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

gh-pages

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

nginx

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

实践

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

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

js 复制代码
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运行

预览效果

相关推荐
敲敲敲-敲代码9 分钟前
web系统(asp.net和C#)
前端·c#·asp.net
IT_陈寒15 分钟前
Python开发者必坑指南:3个看似聪明实则致命的‘优化’让我损失了50%性能
前端·人工智能·后端
初圣魔门首席弟子32 分钟前
c++中this指针使用bug
前端·c++·bug
AI视觉网奇6 小时前
rknn yolo11 推理
前端·人工智能·python
gplitems1236 小时前
Gunslinger – Gun Store & Hunting WordPress Theme: A Responsible
开发语言·前端·javascript
wyzqhhhh9 小时前
less和sass
前端·less·sass
Nan_Shu_61410 小时前
学习:uniapp全栈微信小程序vue3后台-额外/精彩报错篇
前端·学习·微信小程序·小程序·uni-app·notepad++
excel11 小时前
Vue3 中的双向链表依赖管理详解与示例
前端
前端小白从0开始12 小时前
Chrome DevTools高级用法:性能面板内存泄漏排查
前端·chrome·chrome devtools
EveryPossible12 小时前
带有渐变光晕
前端·javascript·css