高端网站建设

高端网站建设：用ngnix完成一个简单web网站

用ngnix完成一个简单web网站

1.实验准备

Ubuntu18.04中安装nginx

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

并进行测试

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

2.实验过程

用VScode编写相应的HTML文件

index.html:

test--cgy

 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:

test--cgy

 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

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

点赞 评论