使用Nginx部署静态网站

小鱼儿 2022-05-16 02:05 585阅读 0赞

> 这篇文章将介绍如何利用Nginx部署静态网站。

![1][]  
之前写过2篇有关Nginx的文章，一篇是[《利用nginx，腾讯云免费证书制作https》][nginx_https]，另外一篇是[《linux安装nginx》][linux_nginx]，如果有需要可以看一下，这一篇文章介绍如何使用Nginx部署静态网站，需要在服务器部署静态网站的同学可以看一下。

# 准备工作 #

首先我们需要在本地或者服务器上安装Nginx，这时就用到了我之前的文章。  
Linux—[《linux安装nginx》][linux_nginx]  
Windows—官网下载个压缩包解压一下即可[官网传送门][Link 1]

# 配置Nginx主配置 #

在安装目录下的conf目录下可以找到一个nginx.conf文件，打开这个文件。其中需要设置的内容主要就几项，即如下带有注释的地方，nginx.conf完整内容如下：

worker_processes  1;
    
    events {
        worker_connections  1024;
    }
    
    http {
        include       mime.types;
        default_type  application/octet-stream;
        sendfile        on;
        keepalive_timeout  65;
        charset utf-8;        # 设置编码格式
        
        server {
        listen 8081;             # 端口号
        server_name _;           # 配置域名信息
        root web/;               # 静态页面根目录
        index index.html;
        }
    }

由于只是做一个简单的映射，所以我将静态页面放到了nginx目录下，即如图位置，默认页面也设置为web目录下index.html文件，如图

![2][]

![3][]

html页面为简单测试页面，内容很简单。

index.html

<html>
 
 <head>
 <title>index</title>
 </head>
 
 <body>
 body
 title
 <a href="edit.html">跳转</a>
 </body>
 
 </html>

edit.html

<html>
 
 <head>
 <title>edit</title>
 </head>
 
 <body>
 body
 title
 <a href="index.html">跳转</a>
 </body>
 
 </html>

# 启动Nginx #

打开命令行，进入nginx目录，开启nginx

cd D:\tool\nginx-1.15.2

start nginx

# 浏览器访问测试 #

在浏览器访问[http://localhost:8081/][http_localhost_8081]，可以看到如图

![4][]

# 总结 #

到这里本篇文章就算结束了，其实主要Nginx部署静态网站就是将Nginx主配置文件配置好即可，过程很简单。

[1]: /images/20220516/0b5efb81f3b54f5c8a78b861214467cf.png
[nginx_https]: https://www.jianshu.com/p/79ab223e5ab2
[linux_nginx]: https://www.jianshu.com/p/eb02b293de25
[Link 1]: http://nginx.org/en/download.html
[2]: /images/20220516/04f919abb7a54bd89b744915c6f86d37.png
[3]: /images/20220516/26a956f1ad75409da75add6e45577d3e.png
[http_localhost_8081]: http://localhost:8081/
[4]: /images/20220516/2bfaf15b0c73406eb86a390eb1f3b347.png