一、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配置网站
- 进入nginx默认的网页目录
cd /var/www/html
扫描二维码关注公众号,回复: 12716499 查看本文章
你会看到index.html、index.htm、index.nginx-debian.html,三个文件中的任意一个。
- 将托管在Github的网页的代码放到html下
sudo git clone https://github.com/Sunlight-Dazzling/Sunlight-Dazzling.github.io
- 修改nginx的配置文件
sudo nano /etc/nginx/sites-enabled/default
四、启动nginx服务
- 查看配置是否成功
sudo nginx -t
第一个表示配置存在错误,错误是配置中index.html前缺少index,添加index就可以解决了。第二个的信息就表明没有错误。
- 重新启动nginx服务
sudo systemctl restart nginx
如果没有这一步,浏览器打开页面不会发生改变。
- 效果显示
输入127.0.0.1就可以打开一个简介页面,点击Blog就会进入使用Heox搭建个人博客页面,点击Download时,就会下载介绍该网站内容的一个文件。其中,个人博客页面还没有进行一些修改,现在还是Hexo主题框架的样式。
五、总结
通过使用nginx来实现一个简单的web网站,可以看到其实对应nginx的一些设置还是比较简单。比较麻烦的地方是使用Html,CSS,JavaScript来实现页面的编写。对于这三个不熟的人来说,还是比较困难的。但是,如果只是来针对完成nginx的操作,可以在网上去找一些模板代码,来实现页面。对于如何使用Github和Hexo搭建个人博客,可以在网上查找相应资料,进行搭建。网上也有比较多的人说,自行完成一个个人博客的搭建,对以后还是有一定的好处。大家感兴趣,可以去试一试。