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
三、总结与参考资料
1.总结
Nginx 作为 Web 服务器一直为 Rambler Media 提供出色而又稳定的服务。Nginx 是一个跨平台服务器,可以运行在 Linux、Windows、FreeBSD、Solaris、AIX、Mac OS 等操作系统上。