这篇文章将介绍如何利用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 ...

随机推荐

ionic3 极光推送
参考网站:http://www.jianshu.com/p/eb8ab29329d9 遇到的问题是执行以下命令一直报错 cordova plugin add https://github.com/ ...
SpringBoot获取配置文件的自定义参数
1.在application.properties中自定义参数 spring.datasource.driverClassName=com.mysql.jdbc.Driver spring.datas ...
LeetCode（103）：二叉树的锯齿形层次遍历
Medium! 题目描述: 给定一个二叉树,返回其节点值的锯齿形层次遍历.(即先从左往右,再从右往左进行下一层遍历,以此类推,层与层之间交替进行). 例如:给定二叉树 [3,9,20,null,nul ...
页面初始化的js函数要放在最最最最最最最前边！否则没效果
简单说一下这个情况,html的页面的各部分都是动态渲染的,所以头部的某些个样式调用函数需要在页面初始化的时候被加载,这个我也是知道的,结果后边代码敲着敲着,就把这个事儿给忘了,然后启动项目的时候,页面 ...
LeetCode（3）：无重复字符的最大子串
本内容是LeetCode第三道题目:无重复字符的最大子串 # -*- coding: utf-8 -*- """ Created on Sun Mar 10 20:14: ...
cf1121d 尺取
尺取,写起来有点麻烦枚举左端点,然后找到右端点,,使得区间[l,r]里各种颜色花朵的数量满足b数组中各种花朵的数量,然后再judge区间[l,r]截取出后能否可以供剩下的n-1个人做花环 /* 给定 ...
centos--git搭建之Gogs安装
1.下载git yum intall -y git 2. 创建git用户(必须新创建git用户, 用root用户会导致无法下载) #创建git用户 sudo adduser git #给git用户设置 ...
animate方法使用总结
<!DOCTYPE html><html lang="en" class="loading"><head> <meta ...
jQuery之导航菜单（点击该父节点时子节点显示，同时子节点的同级隐藏，但是同级的父节点始终显示）
注:对于同一个对象不超过3个操作的,可直接写成一行,超过3个操作的建议每行写一个操作.这样可读性较强,可提高代码的可读性和可维护性核心代码: $(".has_children" ...
mysql+redis+memcached
mysql+redis+memcached 数据库数据库设计 a. 单表 b. FK(单表:一张表存储时,如果有重复出现的字段为了防止硬盘的浪费,所以做一个FK:去掉FK变成单表(这样子访问速度快了 ...

使用Nginx部署静态网站