Nginx入门（二）配置静态网站

Nginx配置静态网站

 本篇文章介绍如何使用Nginx部署自己的静态网站。

准备工作

• 静态网站内容：为了方便操作，我使用自己GitHub上现成的静态网站作为部署内容，地址：https://github.com/NingNing0111/AlgorithmNote/tree/master/AlgorithmNote/site

• Linux服务器：root权限，安装并运行Nginx

步骤

一、获取静态网站目录

# 克隆项目
git clone https://github.com/NingNing0111/AlgorithmNote.git

# site目录就是页面内容，将site目录放到root以外的目录
mv AlgorithmNote/AlgorithmNote/site/ /usr/share/nginx/html/

# 进入site目录，获取site目录的路径: /usr/share/nginx/html/
cd /usr/share/nginx/html/ && pwd

注意：网站目录不要放在root文件夹下，这会引出权限问题

二、编写配置文件

 Linux中最常用的、最牛逼的编辑器就是

Vim

,不会

Vim

的请自行上网搜索和学习。

 当然也有最简单的方法，本地使用你自己喜欢的编辑器写一个配置文件，再通过文件传输工具如:

Xftp

将编写好的配置文件拷贝到你的服务器上也是可以的。

 这里我们通过Vim编辑器删除Nginx核心配置文件

nginx.conf

的所有内容，然后从新开始编写配置文件:

http {
    include mime.types;
    server {
        listen 80;
        root /usr/share/nginx/html/site;

        location / {
            root /usr/share/nginx/html/site;
        }
    }
}
events {}

 上述配置中,

http

内部是用于定义

http

服务器的行为,也就是Nginx作为

Http

服务器时具备哪些行为，在上述配置中，它有一个

server

节点，这个节点监听80端口，

root

参数提供了该服务器的根目录，

include mime.types

是用于定义文件扩展名和对应的MIME类型，Nginx会使用它来处理不同类型文件，若不加入，则

css

或

js

等相关文件就会失效，

location

是用于配置访问路径的，上述

location

配置是当访问根路径时，访问

/usr/share/nginx/html/site/index.html

页面，在没有指定

*.html

的情况下，默认访问

index.html

。

events

是用于配置事件模型，在这里面可以配置Nginx如何处理并发连接和事件，这个配置是必须提供的，否则会报错。上述配置中，

location /

在没有特定指定某页面的前提下，可以省略，不进行配置。

三、检查与访问

 再通过

nginx

相关命令检查配置文件编写是否有问题:

nginx -t

 没问题后，再使用

nginx -s reload 

重新加载配置,即可通过

IP地址

访问部署好的静态网页。

四、添加其它服务节点

 现在需要添加一个监听81端口的服务节点，当用户访问该端口时，跳转到

site/UnionFindSet

目录。

http {
    include mime.types;
    server {
        listen 80;
        root /usr/share/nginx/html/site;

        location / {
            root /usr/share/nginx/html/site;
        }
    }
    server {
        listen 81;
        root /usr/share/nginx/html/site;

        location / {
            root /usr/share/nginx/html/site/UnionFindSet;
        }
    }
}
events {}

 重新加载配置文件后，访问

IP:81

,内容如下：

注意：请确保81端口正常开放，否则无法访问。也可以使用

curl localhost:81

来判断网页是否部署成功，是否是端口未开启造成无法访问。

五、添加访问路径

 添加一些访问路径，来访问不同的页面内容，例如：

IP:81/index

访问site首页，

IP/bcj

访问

IP:81

首页的内容

http {
    include mime.types;
    server {
        listen 80;
        root /usr/share/nginx/html/site;

        location / {
            root /usr/share/nginx/html/site;
        }

        location /bcj {
            alias /usr/share/nginx/html/site/UnionFindSet;
        }
    }
    server {
        listen 81;
        root /usr/share/nginx/html/site;

        location / {
            root /usr/share/nginx/html/site/UnionFindSet;
        }

        location /index {
            alias /usr/share/nginx/html/site;
        }
    }
}
events {}

 在上述配置中，我们使用了

alias

,在Nginx中，

alias

指令用于将请求的URL路径映射到服务器上的实际文件路径。它可以用于创建虚拟目录、重定向请求或提供静态文件服务。其语法如下:

location /虚拟路径 {
    alias 实际文件路径;
}

 若不使用

alias

而是使用

root

,则会将虚拟路径与实际文件路径对应起来，例如：

location /index {
    root /usr/share/nginx/html/site;
}

 它就会访问

/usr/share/nginx/html/site/index/index.html

。

六、域名绑定

 现有一个域名

nginx.nnlde.xyz

成功解析到我的服务器IP地址

167.***.***.63

，现在需要通过在浏览器中输入域名从而访问我部署的静态网站。

判断域名是否正确解析到服务器Ip上，只需通过

ping 域名

来查看即可。

http {
    include mime.types;
    server {
        listen 80;
        server_name nginx.nnlsde.xyz;
        root /usr/share/nginx/html/site;

        location / {
            root /usr/share/nginx/html/site;
        }

        location /bcj {
            alias /usr/share/nginx/html/site/UnionFindSet;
        }
    }
    server {
        listen 81;
        root /usr/share/nginx/html/site;

        location / {
            root /usr/share/nginx/html/site/UnionFindSet;
        }

        location /index {
            alias /usr/share/nginx/html/site;
        }
    }
}
events {}

 对于正确解析到主机上的域名，我们可以通过

server_name 域名

对某一服务器节点进行配置，从而通过域名访问到当前服务器。

对于网站搭建，还有一个非常重要的内容：SSL证书配置。这一内容涉及到证书申请、加密算法、SSL配置等，会在后面单独写一篇文件进行介绍。