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

之前写过2篇有关Nginx的文章，一篇是《利用nginx，腾讯云免费证书制作https》，另外一篇是《linux安装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文件，如图

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

index.html

<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目录，开启nginx

d:

cd D:\tool\nginx-1.15.2

start nginx

浏览器访问测试

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

总结

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

使用Nginx部署静态网站的更多相关文章

【笔记】nginx部署静态网站
安装nginx 本地到官网下载,然后把压缩包传到服务器上安装三个依赖 apt-get install libpcre3 libpcre3-dev apt-get install zlib1g-dev ...
nginx部署静态网站
实验环境服务器:centos7.5 1核1G Nginx版本:nginx-1.14.2 主题部署静态文件根据不同url请求路径,定向到不同的系统文件夹部署静态文件假设nginx安装在“/us ...
nginx搭建静态网站
Nginx (engine x) 是一个高性能的HTTP和反向代理web服务,常用于负载均衡构架,以提高网站的并发量,概念不过多介绍,更多细节请自行百度, 本文是纯操作案例,假设你已经知道什么是ngi ...
Docker 案例：在容器中部署静态网站
----------------知识点------------ 容器的端口映射: docker run [-P] [-p] -P,–publish-all=true | false,大写的P表示为 ...
Docker 在容器中部署静态网站
Docker 在容器中部署静态网站在容器中部署静态网站设置容器的端口映射 run -P``--publish-all=true|false:容器暴露的所有端口进行映射 -p``--publish= ...
《Linux就该这么学》培训笔记_ch10_使用Apache服务部署静态网站
<Linux就该这么学>培训笔记_ch10_使用Apache服务部署静态网站文章最后会post上书本的笔记照片. 文章主要内容: 网站服务程序配置服务文件参数 SELinux安全子系统 ...
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站(6)
前言在之前已经写了关于Git,Gitlab以及Ansible的两篇博客<Git+Gitlab+Ansible剧本实现一键部署Nginx–技术流ken>,<Git+Gitlab+An ...
Docker学习(5) 在docker中部署静态网站
在容器中部署静态网站设置容器的端口映射在容器中部署静态网站 - Nginx部署流程 1 创建映射80端口的交互式容器 2 安装Nginx 3 安装文本编辑器vim 4 创建静态页面 5 修改N ...
Nginx部署静态页
简答说一下如何用Nginx部署静态网页,并绑定域名访问 1.通过FTP上传静态页到服务器指定目录 2.编写nginx的.conf文件 3.重启nginx 如图,这是centos上传文件路径 nginx ...

随机推荐

angular基础巩固
angular中的模块化 //定义模块 []为依赖的模块 moduleName可以使用[]模块中定义的controller filter .. var app=angular.module('modu ...
Python实战二
要求:按照要求完成对文件的增.删.改.查操作. def add(**kwargs): '''新增内容,在指定位置新增''' while True: flag = False with open(&qu ...
Wireless Penetration Testing(7-11 chapter)
1.AP-less WPA-Personal cracking 创建一个honeypoint 等待链接,特点在于不需要攻击致使链接的客户端掉线,直接获取了流量的握手包. 2.Man-in-the-M ...
Fiddler抓包6-get请求（url详解）
前言上一篇介绍了Composer的功能,可以模拟get和post请求,get请求有些是不带参数的,这种比较容易,直接放到url地址栏就行.有些get请求会带有参数,本篇详细介绍url地址格式. 一. ...
Mac下Java JDK的下载安装和配置
一.下载安装打开一个搜索引擎,输入JDK,找到Java JDK 如图: 点击打开,同意协议开始下载如图: 下载好以后,安装即可. 安装成功以后,进入根目录,可以找到JDK安装的位置: 资源库——& ...
将眼底图片生成的txt文件进行格式化处理
# -*- coding: utf-8 -*- """ 将图片转换生成的txt文件进行格式化处理 """ import os import ...
微信小程序--代码构成---WXSS 样式
WXSS 样式 WXSS 具有 CSS 大部分的特性,小程序在 WXSS 也做了一些扩充和修改. 新增了尺寸单位.在写 CSS 样式时,开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比,采用一 ...
史上最简单的SpringCloud教程 | 第六篇: 分布式配置中心(Spring Cloud Config)
一.简介在分布式系统中,由于服务数量巨多,为了方便服务配置文件统一管理,实时更新,所以需要分布式配置中心组件. 在Spring Cloud中,有分布式配置中心组件spring cloud confi ...
python 在WINDOS虚拟环境部署
#查看电脑的版本 C:\Users\lys>pip -V pip 8.1.1 from e:\python\python3.5\lib\site-packages (python 3.5) #安 ...
Django系列（一）
项目引入静态文件更改settings.py,为项目下面的每个APP应用,建立静态文件,这里如blog,首先在blog下面建立一个静态文件夹名为statics,注意这里为别名 STATICFILES_ ...

使用Nginx部署静态网站