使用Nginx部署静态网站

时间 2019-11-17

标签使用 nginx 部署静态网站栏目 Nginx 繁體版

原文原文链接

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

以前写过2篇有关Nginx的文章，一篇是《利用nginx，腾讯云免费证书制做https》，另一篇是《linux安装nginx》，若是有须要能够看一下，这一篇文章介绍如何使用Nginx部署静态网站，须要在服务器部署静态网站的同窗能够看一下。

准备工做

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

配置Nginx主配置

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

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文件，如图web

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

index.htmlbash

<html>

<head>
<title>index</title>
</head>

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

</html>
复制代码

edit.html服务器

<html>

<head>
<title>edit</title>
</head>

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

</html>
复制代码

启动Nginx

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

d:
复制代码

cd D:\tool\nginx-1.15.2
复制代码

start nginx
复制代码

浏览器访问测试

在浏览器访问http://localhost:8081/，能够看到如图测试

总结

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