Linux使用nginx部署静态网页

朱雀 2022-09-11 11:29 325阅读 0赞

[原文][Link 1]：`https://www.blog.hiyj.cn/article/detail/105`

## 命令安装Nginx ##

# Ubuntu
    sudo apt install nginx -y
    
    # Centos
    sudo yum install nginx -y

## 启动nginx ##

# 启动
    sudo systemctl start nginx

执行`curl 127.0.0.1`，若出现`<h1>Welcome to nginx!</h1>`则安装成功

## 创建自己的网页目录 ##

# 切换到网页的根目录
    cd /var/www/html
    
    # 创建自己的网页根目录
    sudo mkdir mypage
    
    # 切换到自己的网页目录
    cd mypage
    
    # 上传或编写自己的html、css、js等静态资源文件，例如编写一个自己的index.html文件
    
    sudo sh -c 'echo "My page." > index.html'

## 添加站点配置文件 ##

### 注释默认配置 ###

`sudo vim /etc/nginx/nginx.conf`打开配置文件，注释`include /etc/nginx/sites-enabled/*;`并保存

### 切换到配置文件目录 ###

`cd /etc/nginx/conf.d`

### 创建并编写自己的第一个网页配置文件 ###

`sudo vim mypage.conf`

# 写入内容
    
    server { 
    # 监听的端口
        listen       80;
    # 如果通过域名访问，可以在这里写上需要匹配的域名
    # server_name test.com;
    # 正常日志的输出目录
        access_log /var/log/nginx/mypage-access.log;
    # 错误日志输出目录
        error_log /var/log/nginx/mypage-error.log;
        location / { 
    # 访问根路径映射的文件夹
           root /var/www/html/mypage;
    # 访问的url不添加文件时加载的首页
           index index.html;
        }
    }

## 启动或重新加载配置文件 ##

# 检查nginx配置的语法是否没有错误
    sudo nginx -t 
    
    # 启动
    sudo systemctl start nginx
    
    # 重启
    sudo systemctl restart nginx
    
    # 重新加载配置文件
    sudo nginx -s reload

## 查看效果 ##

curl 127.0.0.1查看是否是自己的网页  
![在这里插入图片描述][f45758dff594437ebb48728bf4eee2d8.png]

[Link 1]: https://www.blog.hiyj.cn/article/detail/105
[f45758dff594437ebb48728bf4eee2d8.png]: /images/20220828/58eda528e9494d38b39f7559e9073dda.png