一个静态网页与Nginx

一、静态页面设计

1、个人介绍网页（index.html）

虽然有点丑丑的

一个二级页面跳转链接及一个下载链接（跳转到优快云）

网页的所有图片资源都使用MS图床上传
将代码托管到gitee后，生成链接如下
http://tan-baiming.gitee.io/introduce

二、在Ubuntu下安装Nginx

参考链接

三、Nginx常用命令

1. 启动服务

   /usr/local/nginx/sbin/nginx 
   

2. 停止服务

   /usr/local/nginx/sbin/nginx  -s stop
   

3. 重新加载配置

   /usr/local/nginx/sbin/nginx  -s reload
   

4. 测试配置文件是否正确

   /usr/local/nginx/sbin/nginx -t
   

启动服务测试

打开浏览器输入localhost，有如下效果

四、配置个人介绍网页

1、进入 nginx 的安装目录，删除默认的 html 文件

cd /usr/local/nginx
rm -rf html

1. git clone 个人介绍网站

   如果没有安装 git，请先安装 git，apt-get install git

   git clone https://gitee.com/xwmrcj/introduction.git
   

2. 将下载文件重命名

   mv introduction/ html
   

3. 重新加载配置

   /usr/local/nginx/sbin/nginx  -s reload
   

4. 然后刷新浏览器，效果如下

五、参考链接

Ubuntu18.04安装Nginx

如何在码云上传网页