使用Nginx Proxy Manager搭建静态网站

🤖 由 星火认知大模型 生成的文章摘要
此内容根据文章生成,并经过人工审核,仅用于文章内容的解释与总结

Nginx Proxy Manager有什么功能

[zd-plane title=”NPM功能”]

1.轻松的反向代理设置
2.轻松配置HTTPS
3.提供简单的访问权限设置[/zd-plane]

Nginx Proxy Manager静态网站原理

总所周知Nginx Proxy Manager集成了Nginx,而Nginx是一款轻量级的Web 服务器/反向代理服务器。那么我们不就可以直接把静态网页或者资源托管到Nginx Proxy Manager上了吗?

搭建过程

本文参考了:如何在 Nginx Proxy Manager(NPM)上部署静态网站

 

Nginx Proxy Manager部署

[postcard type=”list”]258,312,314[/postcard]

创建静态网站目录

之前我们使用Docker部署了Nginx Proxy Manager,它的目录结构如下

使用Nginx Proxy Manager搭建静态网站

可以看出npm根目录下有一个data文件夹,而我们所依托管的静态网站就需放在此文件夹里

使用命令行创建

mkdir /opt/docker/npm/data/scdn.akau.cn #根据自己实际路径进行创建

使用FinalShell进行可视化创建

直接使用FinalShell登录服务器,进入npm/data文件夹
使用Nginx Proxy Manager搭建静态网站

NPM代理设置

进入NPM后台管理页面,点击Add Proxy Host
填写基本信息

使用Nginx Proxy Manager搭建静态网站

添加一个SSL证书

使用Nginx Proxy Manager搭建静态网站

Advanced

在Advanced下添加以下内容

location / {
  root /data/scdn.akau.cn;  # 修改成你自己创建的目录,只修改data/后面的的内容
}

使用Nginx Proxy Manager搭建静态网站

添加域名解析

登录域名托管平台,添加解析,我使用的是Cloudflare

添加解析

使用Nginx Proxy Manager搭建静态网站

配置SSL

使用Nginx Proxy Manager搭建静态网站
[c-alert type=”warning”]这里一点要选择完全,否则浏览器会报SSL证书错误[/c-alert]

测试

上传或新建一个index.html文件

使用Nginx Proxy Manager搭建静态网站
在线测试:scdn.akau.cn

使用在线Ping工具

使用Nginx Proxy Manager搭建静态网站

给TA打赏
共{{data.count}}人
人已打赏
软件

iKuai多播实战

2023-9-7 16:13:00

软件

解决NginxProxyManager+CloudFlare跨域问题

2023-9-9 19:25:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧