Ubuntu上使用nginx完成一个简单web网站

一、Ubuntu安装nginx

安装命令

apt-get install nginx

查看安装版本

nginx -v

在这里插入图片描述
启动nginx

service nginx start

打开浏览器,输入IP地址
Ubuntu输入127.0.0.1,效果如下
在这里插入图片描述
Windows输入Ubuntu的IP地址,效果如下
在这里插入图片描述
就此nginx安装就完成,显示为其默认的网页。

二、编写静态网页

网页的编写采用html、CSS、Javascript来完成。
具体代码内容已经托管到GitHub上,可以到Github上查看详细内容,请参照下面地址:
https://github.com/Sunlight-Dazzling/Sunlight-Dazzling.github.io
关于如何搭建个人博客,可以参考我另外一篇博文:
https://blog.csdn.net/qq_43279579/article/details/110656845

三、nginx配置网站

  1. 进入nginx默认的网页目录

cd /var/www/html

扫描二维码关注公众号,回复: 12716499 查看本文章

你会看到index.html、index.htm、index.nginx-debian.html,三个文件中的任意一个。

  1. 将托管在Github的网页的代码放到html下

sudo git clone https://github.com/Sunlight-Dazzling/Sunlight-Dazzling.github.io

  1. 修改nginx的配置文件

sudo nano /etc/nginx/sites-enabled/default

在这里插入图片描述

四、启动nginx服务

  1. 查看配置是否成功

sudo nginx -t

在这里插入图片描述
第一个表示配置存在错误,错误是配置中index.html前缺少index,添加index就可以解决了。第二个的信息就表明没有错误。

  1. 重新启动nginx服务

sudo systemctl restart nginx
如果没有这一步,浏览器打开页面不会发生改变。

  1. 效果显示

在这里插入图片描述
输入127.0.0.1就可以打开一个简介页面,点击Blog就会进入使用Heox搭建个人博客页面,点击Download时,就会下载介绍该网站内容的一个文件。其中,个人博客页面还没有进行一些修改,现在还是Hexo主题框架的样式。

五、总结

通过使用nginx来实现一个简单的web网站,可以看到其实对应nginx的一些设置还是比较简单。比较麻烦的地方是使用Html,CSS,JavaScript来实现页面的编写。对于这三个不熟的人来说,还是比较困难的。但是,如果只是来针对完成nginx的操作,可以在网上去找一些模板代码,来实现页面。对于如何使用Github和Hexo搭建个人博客,可以在网上查找相应资料,进行搭建。网上也有比较多的人说,自行完成一个个人博客的搭建,对以后还是有一定的好处。大家感兴趣,可以去试一试。

六、参考资料:

  1. ubuntu安装nginx
  2. Nginx常用基本命令

猜你喜欢

转载自blog.csdn.net/qq_43279579/article/details/110354816