使用Nginx部署静态网站

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

使用Nginx部署静态网站

这一篇文章介绍如何使用Nginx部署静态网站,需要在服务器部署静态网站的同学可以看一下。

准备工作

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

配置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文件,如图

使用Nginx部署静态网站

使用Nginx部署静态网站

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

index.html

html

 

head

titleindex/title

/head

 

body

pbody/p

ptitle/p

a href=edit.html跳转/a

/body

 

/html

edit.html

html

 

head

titleedit/title

/head

 

body

pbody/p

ptitle/p

a href=index.html跳转/a

/body

 

/html

启动Nginx

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

d:

cd D:\tool\nginx-1.15.2

start nginx

浏览器访问测试

在浏览器访问http://localhost:8081/,可以看到如图

使用Nginx部署静态网站

总结

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