Ubuntu 18.04 安装 nginx 并搭建一个简单的网站

目录

  • 一、安装 nginx
  • 二、设置 nginx 服务器模块
  • 三、总结
  • 四、参考资料

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

编译环境:Ubuntu 18.04
使用语言:html
安装工具:nginx

一、安装 nginx

  • 使用命令:
sudo apt update
sudo apt install nginx
  • 安装完成后,请检查 nginx 服务的状态:
sudo systemctl status nginx

注:显示如下时,按 Q 返回。
在这里插入图片描述

Ubuntu 18.04 安装 nginx 并搭建一个简单的网站_第1张图片

  • 检查 nginx 版本:
sudo nginx -v

在这里插入图片描述

  • 如果您正在运行防火墙,则还需要打开端口 80 和 443 。
sudo ufw allow 'Nginx Full'

在这里插入图片描述

  • 可以通过以下方式验证更改:
sudo ufw status

在这里插入图片描述

  • 使用命令查看 Ubuntu 的 IP 地址:
ifconfig

Ubuntu 18.04 安装 nginx 并搭建一个简单的网站_第2张图片

  • 使用浏览器输入:http://你的 Ubuntu 的 IP 地址(例:http://192.168.0.7)打开默认的 nginx 登录页面。

Ubuntu 18.04 安装 nginx 并搭建一个简单的网站_第3张图片

  • 至此,就成功安装了 nginx ,更多的 nginx 使用命令请参考以下:
1、停止nginx服务:						sudo systemctl stop nginx
2、再次启动:							sudo systemctl start nginx
3、重新启动nginx服务:					sudo systemctl restart nginx
4、在进行一些配置更改后重新加载Nginx服务:	sudo systemctl reload nginx
5、禁用nginx服务在启动时启动:			sudo systemctl disable nginx
6、启用nginx服务在启动时启动:			sudo systemctl enable nginx

二、设置 nginx 服务器模块

第一步:将域名指向本机

  • 使用命令:
sudo nano /etc/hosts
  • 然后添加一行内容(域名可以自己随便设置,这里我设置的为 ubuntuzcj.com):
127.0.0.1	ubuntuzcj.com	www.ubuntuzcj.com
  • 保存之后,重启 network:
sudo /etc/init.d/networking restart

在这里插入图片描述
第二步:创建目录结构

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

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

  • 我们希望在 /var/www 目录下的服务器上托管的每个域创建一个单独的目录,在每个这些目录中,我们将创建一个 public_html 目录来存储域网站文件。
  • 我们来为我们的域 ubuntuzcj.com 创建根目录。
sudo mkdir -p /var/www/ubuntuzcj.com/public_html
  • 后续需要使用 rar 来压缩文件,所以先下载好。
sudo apt install rar
  • 下载完毕后,进入域文档根目录下,此时没有任何文件。
cd /var/www/ubuntuzcj.com/public_html
ls

在这里插入图片描述

  • 创建一个 123.txt 文件并用 rar 压缩。
sudo nano 123.txt
sudo rar a 123.rar 123.txt

Ubuntu 18.04 安装 nginx 并搭建一个简单的网站_第4张图片

  • 紧接着,在 123.rar 同目录下创建一个 index.html ,并输入以下的代码。
sudo nano index.html
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>ubuntuzcj.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="123.rar">下载一个 123.txt 文本</a>
</body>

</html>
  • 然后保存,现在有三个文件了。

在这里插入图片描述
第三步:创建服务器块

默认情况下,在 Ubuntu 系统上 nginx 服务器模块配置文件存储在 /etc/nginx/sites-available 目录中,这些目录通过到 /etc/nginx/sites-enabled/ 目录的符号链接启用。

  • 首先创建基本配置文件。
sudo nano /etc/nginx/sites-available/ubuntuzcj.com
server {
    listen 80;
    listen [::]:80;
    root /var/www/ubuntuzcj.com/public_html/;
    index index.html;
    server_name ubuntuzcj.com www.ubuntuzcj.com;
    access_log /var/log/nginx/ubuntuzcj.com.access.log;
    error_log /var/log/nginx/ubuntuzcj.com.error.log;
    location / {
        try_files $uri $uri/ =404;
    }
}

Ubuntu 18.04 安装 nginx 并搭建一个简单的网站_第5张图片

  • 要启用新的服务器块文件,我们需要创建一个从文件到启动站点的符号链接,该目录在启动期间由 nginx 读取。
sudo ln -s /etc/nginx/sites-available/ubuntuzcj.com /etc/nginx/sites-enabled/

第四步:测试 nginx 配置是否正确:

  • 使用如下命令:
sudo nginx -t

在这里插入图片描述

  • 如果没有错误,请重新启动 nginx 服务以启用新的更改。
sudo systemctl restart nginx
  • 最后,在浏览器中使用域名打开网页。

Ubuntu 18.04 安装 nginx 并搭建一个简单的网站_第6张图片

  • 这个网页可以转到百度官网,也可以已下载文件。

三、总结

按照上诉方法搭建的网站,也是能是本机自己能访问,如果要搭建外网能访问的网站,就需要自己买一个服务器,然后将自己的网页放上去,我觉得太贵了就没买了,就只是演示下本机如何搭建网站,如果你拥有自己的服务器,可以根据参考资料进行网站的搭建。

四、参考资料

1、如何在Ubuntu 18.04上安装Nginx
2、如何在Ubuntu 18.04上设置Nginx服务器模块
3、在Ubuntu 18.04上使用Let’s Encrypt保护Nginx
4、教你在自己的服务器上搭建一个网站

你可能感兴趣的:(nginx,web,ubuntu)