一个静态网页与Nginx
一、静态页面设计
1、个人介绍网页(index.html)
虽然有点丑丑的
一个二级页面跳转链接及一个下载链接(跳转到CSDN)
网页的所有图片资源都使用MS图床上传
将代码托管到gitee后,生成链接如下
http://tan-baiming.gitee.io/introduce
二、在Ubuntu下安装Nginx
三、Nginx常用命令
-
启动服务
/usr/local/nginx/sbin/nginx
-
停止服务
/usr/local/nginx/sbin/nginx -s stop
-
重新加载配置
/usr/local/nginx/sbin/nginx -s reload
-
测试配置文件是否正确
/usr/local/nginx/sbin/nginx -t
启动服务测试
打开浏览器输入localhost,有如下效果
四、配置个人介绍网页
1、进入 nginx 的安装目录,删除默认的 html 文件
cd /usr/local/nginx
rm -rf html
-
git clone 个人介绍网站
如果没有安装 git,请先安装 git,
apt-get install git
git clone https://gitee.com/xwmrcj/introduction.git
-
将下载文件重命名
mv introduction/ html
-
重新加载配置
/usr/local/nginx/sbin/nginx -s reload
-
然后刷新浏览器,效果如下