使用 Nginx 部署静态页面的方法

发布时间：2024/02/10

当我们需要部署静态页面时，可以使用Nginx进行部署，该过程需要涵盖以下步骤：

安装Nginx

首先需要安装Nginx，具体步骤如下：

sudo apt-get update
sudo apt-get install nginx

安装完成后，可以使用以下命令来检查Nginx是否正常工作：

sudo systemctl status nginx

配置Nginx

安装完成后，需要对Nginx进行配置。Nginx的配置文件位于/etc/nginx目录下的nginx.conf文件。您可以按照以下示例，将网站的根目录设置为/var/www/html，并将默认文件名设置为index.html：

server {
        listen 80 default_server;
        listen [::]:80 default_server;

        root /var/www/html;
        index index.html;

        server_name _;

        location / {
                try_files $uri $uri/ =404;
        }
}

将文件上传到服务器

您可以使用以下命令将文件上传到服务器：

scp -r /path/to/local/files/ user@your_server_ip:/var/www/html/

启动Nginx

在完成配置后，立即启动Nginx：

sudo systemctl start nginx

此时，您的静态网站已部署到Nginx。您可以使用以下命令来检查Nginx是否正在运行：

sudo systemctl status nginx

示例1：使用Nginx部署单个静态网页

以下为一个示例，展示如何使用Nginx部署一个名为index.html的单个静态网页。
1. 创建一个新的目录，将index.html文件复制到该目录下。
2. 使用以下命令将该目录复制到Nginx默认的网站根目录/var/www/html/下：

sudo cp -R /path/to/new/folder/ /var/www/html/

访问服务器的公共IP地址，即可访问index.html。

示例2：使用Nginx部署多个静态页面

以下为一个示例，展示如何使用Nginx部署多个静态页面：
1. 在/var/www/html/下创建一个名为my-website的新目录。
2. 将所有静态文件（例如，index.html、about.html、contact.html）复制到该目录下。
3. 在/etc/nginx/sites-available/目录中创建一个名为my-website的新文件，并在文件中添加以下代码：

server {
        listen 80;
        listen [::]:80;

        root /var/www/html/my-website;
        index index.html;

        server_name your_domain.com www.your_domain.com;

        location / {
                try_files $uri $uri/ =404;
        }
}

将my-website文件符号链接到/etc/nginx/sites-enabled/目录中。

sudo ln -s /etc/nginx/sites-available/my-website /etc/nginx/sites-enabled/

检查Nginx配置：

sudo nginx -t

重新启动Nginx：

sudo systemctl reload nginx

现在，您可以访问您的域名来查看您的网站。