nginx完成一个简单web制作

nginx完成一个简单web制作



前言

尽你所学(采用html、或CSS、或Javascript等)完成一个静态网页,比如制作一个简单的个人介绍网页,至少包含一张图片、一个二级网页跳转链接和一个文件下载链接;将制作的网页资料上传至Ubuntu系统,用ngnix完成一个简单web网站。


一、nginx

1.认识nginx

Nginx(Engine x)是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器,由伊戈尔·赛索耶夫开发。
其将源代码以类BSD许可证的形式发布,并且因其稳定性、丰富的功能集、示例配置文件和低系统资源的消耗而闻名。其特点是占有内存少,并发能力强。

对ngnix的更多认识,可以参考下面链接。
Nginx.
nginx模块分为以下几类:

NGX_CORE_MODULE  //核心模块
NGX_HTTP_MODULE  //HTTP处理模块
NGX_EVENT_MODULE //事件处理模块
NGX_MAIL_MODULE  //邮件处理模块

2.安装nginx

检查更新sudo apt-get update
在这里插入图片描述
执行安装命令

sudo apt install nginx

在这里插入图片描述
安装完成,检查nginx服务状态

sudo systemctl status nginx

在这里插入图片描述
q退出
检查nginx版本

sudo nginx -v

在这里插入图片描述
使用systemctl管理Nginx服务

停止服务:sudo systemctl stop nginx;
再次启动:sudo systemctl start nginx;
重启服务:sudo systemctl restart nginx

查看Ubuntu图ip地址ifconfig;
在这里插入图片描述
打开Google浏览器(或Firefox),输入你的ip
在这里插入图片描述
这是nginx的访问界面,就和我们平时使用的百度、Google、360等浏览器的主页类似。

二、配置服务器

1.域名指向本机

执行命令:

sudo nano /etc/hosts

在这里插入图片描述
添加域名

127.0.0.1 ubuntuzxw.com   www.ubuntuzxw.com

在这里插入图片描述

保存后,重启networking

sudo /etc/init.d/networking restart

在这里插入图片描述

2.创建目录结构

文档根目录是域名网站文件的存储和响应请求的目录。 我们可以将文档根目录设置为我们想要的任何位置,但在本指南中,我们将使用以下目录结构:

/var/www/
├── ubuntuzxw.com
│ └── public_html
├── ubuntuzxw.net
│ └── public_html
├── ubuntuzxw.com
│ └── public_html

我们希望在/var/www目录下的服务器上托管的每个域创建一个单独的目录。 在每个这些目录中,我们将创建一个public_html目录来存储域网站文件。
我们来为我们的域ubuntuzxw.com创建根目录:

sudo mkdir -p /var/www/ubuntuzxw.com/public_html

在这里插入图片描述
安装rar,用于压缩文件

sudo apt install rar

在这里插入图片描述
安装完成后,进到域的根目录下

cd /var/www/ubuntuzxw.com/public_html
ls

在这里插入图片描述
创建一个1.txt文件并用rar压缩

sudo nano 1.txt
sudo rar a 1.rar 1.txt

在这里插入图片描述

同目录下创建一个index.html文件,保存退出

/var/www/example.com/public_html/index.html

在这里插入图片描述
将下列代码复制到文件中

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ubuntuzxw.com</title>
</head>
<body>
    <h1>标题</h1>
    <p>内容:这是一个简单的网页</p>
    <img src="https://i01piccdn.sogoucdn.com/c4e7021b4ab1def7" alt="动漫图">
    <br><br><br>
    <a href="https://www.baidu.com">百度一下,你就知道</a>
    <br><br><br>
    <a href="1.rar">下载一个 1.txt 文本</a>
</body>
</html>

在这里插入图片描述
保存后
在这里插入图片描述

3.创建服务

创建基本配置文件

sudo nano /etc/nginx/nginx/sites-available/ubuntuzxw.com

在这里插入图片描述
将下列代码粘贴到文件中

server {
    
    
    listen 80;
    listen [::]:80;
    root /var/www/ubuntuzxw.com/public_html/;
    index index.html;
    server_name ubuntuzxw.com www.ubuntuzxw.com;
    access_log /var/log/nginx/ubuntuzxw.com.access.log;
    error_log /var/log/nginx/ubuntuzxw.com.error.log;
    location / {
    
    
        try_files $uri $uri/ =404;
    }
}

在这里插入图片描述
创建链接

sudo ln -s /etc/nginx/sites-available/ubuntuzxw.com /etc/nginx/sites-enabled/

4.测试配置是否正确

使用命令

sudo nginx -t

在这里插入图片描述
如果没有错误,就执行下面命令

sudo systemctl restart nginx

在这里插入图片描述
最后,在浏览器中打开网页
在这里插入图片描述
在这里插入图片描述

如果您想用免费的LetsEncrypt SSL证书保护您的网站,可以查看以下指南:

在Ubuntu 18.04上使用Let’s Encrypt保护Nginx

如何在Ubuntu 18.04上安装Nginx.


三、总结与参考资料

1.总结

Nginx 作为 Web 服务器一直为 Rambler Media 提供出色而又稳定的服务。Nginx 是一个跨平台服务器,可以运行在 Linux、Windows、FreeBSD、Solaris、AIX、Mac OS 等操作系统上。

2.参考资料

  1. 在Ubuntu 18.04上安装和配置Nginx.
  2. 如何在Ubuntu 18.04上安装Nginx.
  3. 如何在Ubuntu 18.04上设置Nginx服务器模块.

猜你喜欢

转载自blog.csdn.net/QWERTYzxw/article/details/110296717