云服务器搭建 Nginx 静态网站

Posted 青云码上

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了云服务器搭建 Nginx 静态网站相关的知识,希望对你有一定的参考价值。

第一步:安装 Nginx

在 CentOS 上,可直接使用 yum 来安装 nginx(当然也可以通过下载压缩包、解压、编译的方式安装,不过太麻烦了)

yum install nginx -y

第二步:启动Nginx

安装完成后,使用 nginx 命令启动 Nginx:

nginx

第三步:访问你的云服务器ip或者绑定的域名,就可以看到 Nginx 的测试页面

 

第四步:配置静态服务器访问路径

外网用户访问服务器的 Web 服务由 Nginx 提供,Nginx 需要配置静态资源的路径信息才能通过 url 正确访问到服务器上的静态资源。

打开 Nginx 的默认配置文件 /etc/nginx/nginx.conf ,修改 Nginx 配置,将默认的 root /usr/share/nginx/html 修改为: root /data/www,这其实就是修改静态资源请求的根目录

那么问题来了,怎么编辑配置文件

1、如果你对linux命令比较熟,那就使用linux命令编辑文件,vi/vim介绍

2、使用xftp工具,找到对应文件然后右键用记事本编辑,不过格式非常难看,不推荐;

3、我是使用腾讯云的《开发者实验室》,随便找个实验点进去,然后开始上机,进去之后:

左侧就是你服务器的文件目录,找到 /etc/nginx/nginx.conf, 左键单击就打开了,而且格式非常标准,然后将默认的 root /usr/share/nginx/html 修改为: root /data/www,编辑完直接Ctrl+S就可以了,跟你用编辑器写代码一样,爽的一批。

 

第五步:重启nginx

nginx -s reload

第六步:在/data文件夹下新建www文件夹

mkdir -p /data/www

第七步:创建静态文件

在 /data/www 目录下创建我们的第一个静态文件 index.html

 

 

<!DOCTYPE html>
<html lang="zh">
  <head>
      <meta charset="UTF-8">
      <title>第一个静态文件</title>
  </head>
  <body>Hello world!</body>
</html>

现在访问你的服务器ip或域名应该可以看到页面输出了

 

以上是关于云服务器搭建 Nginx 静态网站的主要内容,如果未能解决你的问题,请参考以下文章

使用Nginx搭建静态网站

教你搭建服务器系列部署静态网站到Nginx服务器

腾讯云,搭建Http静态服务器环境

静态网站搭建

搭建 Nginx 静态网站

Nginx部署前端静态网站详细教学(一步步操作)