我的nginx版本为nginx/1.14.0 ,下面的内容以此版本为主。

下载nginx

我的服务器是Ubuntu,所以直接使用apt-get命令来下载nginx。

  1. // 下载nginx
  2. sudo apt-get install nginx
  3. // 查看nginx安装的版本
  4. nginx -v

查看nginx启动情况

nginx安装后会默认启动(端口默认为80),所以我们需要打开页面http://ip:80(:80可以不输入)
打开后会出现nginx的启动成功页面(如下),那我们只需要将自己的页面信息配置到nginx即可。
image.png

特别提示:如果你使用的阿里云的云服务器,无法通过ip访问nginx的话,请点击我的这篇文章:【解决】阿里云云服务器启动nginx,无法通过ip访问80接口 - 链接

修改nginx配置

要修改nginx配置首先需要大致看懂nginx配置,所以我会很通俗易懂的告诉你怎么看它默认生成的他的最基础配置,请点击我的另一篇文章:从零看nginx的最基础配置 - 链接

不想看的我们直接实操:

将自己的网页放在默认的80端口

直接进入nginx的默认的80配置所在处修改配置:/etc/nginx/sites-enabled下的default文件

  1. // 查看nginx 80端口的默认配置
  2. vi /etc/nginx/sites-enabled/default

提示:以#开头的全是注释,直接全部忽略(如下)。

我们肉眼看到的配置其实很少(白色部分是生效的配置),我们只需要改着两个地方

image.png

  1. 将 root 后面的地址改成你的静态网站的根目录(请用绝对路径)
  2. 将server_name 后面的路径改成你的域名或服务器的ip
  3. 跳到最后一步

    将自己的网页放在其他端口,例如8080

  4. 进入 /etc/nginx/conf.d目录,并且生成一个以.conf为文件后缀的文档

    1. cd /etc/nginx/conf.d
    2. touch my-blog.conf
  5. 将以下内容复制到刚创建的文档 my-blog.conf内 ```nginx server {

    1. # 你想要配置的端口号
    2. listen 8080;
    3. # 你的文章根路径,请用绝对路径
    4. root /home/my-blog/public;
    5. index index.html index.htm;
    6. # 你的域名或服务器的ip
    7. server_name 59.110.70.85;
    8. location / {
    9. try_files $uri $uri/ =404;
    10. }

    }

  1. 3. 保存后退出
  2. <a name="VIhKr"></a>
  3. ## 检查配置后重启nginx
  4. ```javascript
  5. // nginx配置在启动的时候请都养成习惯先检查一遍配置
  6. nginx -t
  7. // 重启
  8. nginx -s reload

重新打开页面,可以看到自己页面了

image.png