用ngnix完成一个简单web网站

用ngnix完成一个简单web网站

1.实验准备：

Ubuntu18.04中安装nginx

先更新 sudo apt update
再安装 sudo apt install nginx

并进行测试

在浏览器中输入localhost,即可看到默认的nginx网页

2.实验过程：

用VScode编写相应的HTML文件

index.html:

  <div class="content">

​

欢迎来到我的啦啦test

​

今天也要加油鸭

      <img src="QQ4.jpg" width="50%" >

          <a href='./index.html'><span>Home</span></a>

          <a href='./test.html'><span>Test</span></a>

​

text.html:

<div class="home">

    <div class="content">

​

欢迎来到我的啦啦test

​

今天也要开心鸭

        <img src="QQ4.jpg" width="50%" >

            <a href='./index.html'><span>Home</span></a>

            <a href='./test.html'><span>Test</span></a>

​

     <div> 

         <p> .......</p>

         <p> ........</p>

         <p>

​ if you wan to 听听歌：

​

         <a href='havana.mp3'>点击点击</a>

​

设置nginx

把域名指向本机后重启网络

sudo nano /etc/hosts

并设置域名 ：www.cct2.com

创建新目录，把win10本地编写的网页源码通过vmtools工具拖到Ubuntu中，移动到新目录下

(1)创建域文档目录

（2）进入域文档目录

（3）复制html文件到相应目录中

配置nginx静态网页

sudo nano cct2.com

server{

listen :80;

listen[::]:80;

root ~/Desktop/web;

index index.html text.html

server_name cct2.com www.cct2.com;

access_log ~/Desktop/web/cct2.com.access.log;

error_log ~/Desktop/web/cct2.com.error.log;

location /{

try_files $uri $uri /=404;

}

}

查看配置是否成功：

sudo nginx -t

重启查看效果

sudo systemctl restart nginx

打开浏览器输入域名即可查看效果