静态网站怎么搭建?用 nginx 行吗?
发布时间:2025-03-20
静态网站搭建:Nginx 了解一下?各位好!作为一个技术小编,我今天要给大家揭秘一个建站必备神器——Nginx。它可是静态网站搭建的首选,简单快速高效,网上教程一搜一大把。今天我们就从 Nginx 的安装开始,手把手带你打造一个属于自己的静态网站。Nginx って何?Nginx,读作"engine x",是一款俄罗斯程序员编写的超轻量级 HTTP 服务器,具有处理静态文件、自动索引、反向代理加速等

静态网站搭建:Nginx 了解一下?

各位好!作为一个技术小编,我今天要给大家揭秘一个建站必备神器——Nginx。它可是静态网站搭建的首选,简单快速高效,网上教程一搜一大把。今天我们就从 Nginx 的安装开始,手把手带你打造一个属于自己的静态网站。

Nginx って何?

Nginx,读作"engine x",是一款俄罗斯程序员编写的超轻量级 HTTP 服务器,具有处理静态文件、自动索引、反向代理加速等基本特性。之所以它被称为"静态网站搭建神器",是因为它擅长处理静态文件,如 HTML、CSS、JS 等。

安装 Nginx

CentOS/RHEL:

yum install nginx -y

Debian/Ubuntu:

sudo apt-get install nginx

检查是否安装成功:

nginx -v

搭建单一静态网站

编写主机配置文件:

cd /etc/nginx/conf.d

vim www.conf

添加以下内容:

server {

listen 80; 监听端口

server_name www.oldboy.com; 域名或 IP

root /html/; 网站根目录

启动 Nginx:

nginx

访问 http://www.oldboy.com 查看测试页面。

搭建多域名静态网站

编写主机配置文件:

cd /etc/nginx/conf.d

vim domain.conf

添加以下内容:

server {

listen 80;

server_name www.example1.com www.example2.com;

root /html/example1/;

index index.html index.htm;

server {

listen 80;

server_name www.example3.com;

root /html/example3/;

index index.html index.htm;

启动 Nginx:

nginx

访问 http://www.example1.com 和 http://www.example3.com 查看测试页面。

设置虚拟目录

创建虚拟目录:

mkdir /html/virtual

cd /html/virtual

vim index.html

添加以下内容:

修改主机配置文件:

server {

listen 80;

server_name www.example.com;

root /html/;

alias /virtual/ /html/virtual/;

启动 Nginx:

nginx

访问 http://www.example.com/virtual/index.html 查看虚拟目录内容。

自定义错误页面

创建错误页面:

cd /html/error

vim 404.html

vim 500.html

添加以下内容:

修改主机配置文件:

server {

listen 80;

server_name www.example.com;

root /html/;

error_page 404 /error/404.html;

error_page 500 /error/500.html;

启动 Nginx:

nginx

故意输入错误 URL 访问网站,查看自定义错误页面是否显示。

结束语

学会了 Nginx 搭建静态网站,是不是感觉自己离大神更近一步了呢?今天分享的只是 Nginx 的皮毛,关于它的更多秘密,等你探索!如果你还有任何问题或心得体会,欢迎留言交流。评论区等你哦~