使用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，它的目录结构如下

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

使用命令行创建

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

使用FinalShell进行可视化创建

直接使用FinalShell登录服务器，进入npm/data文件夹

NPM代理设置

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

添加一个SSL证书

Advanced

在Advanced下添加以下内容

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

添加域名解析

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

添加解析

配置SSL

[c-alert type="warning"]这里一点要选择完全，否则浏览器会报SSL证书错误[/c-alert]

测试

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

在线测试：scdn.akau.cn

使用在线Ping工具