怎样在Ubuntu上部署静态网站

在Ubuntu上部署静态网站可以通过多种方式实现，以下是一些常见的方法：

方法一：使用Nginx

1. 安装Nginx

   sudo apt update
   sudo apt install nginx
   

2. 配置Nginx 编辑Nginx配置文件 /etc/nginx/sites-available/default，或者创建一个新的配置文件并链接到 sites-enabled 目录。

   sudo nano /etc/nginx/sites-available/yourdomain.com
   

   添加以下内容：

   server {
       
       listen 80;
       
       server_name yourdomain.com www.yourdomain.com;
       
   
       root /var/www/yourdomain.com;
       
       index index.html index.htm;
   
   
       location / {
       
           try_files $uri $uri/ =404;
   
       }
   
   }
       
   

   创建符号链接：

   sudo ln -s /etc/nginx/sites-available/yourdomain.com /etc/nginx/sites-enabled/
   

3. 测试配置并重启Nginx

   sudo nginx -t
   sudo systemctl restart nginx
   

4. 上传静态文件 将你的静态网站文件（HTML、CSS、JavaScript等）上传到 /var/www/yourdomain.com 目录。

方法二：使用Apache

1. 安装Apache

   sudo apt update
   sudo apt install apache2
   

2. 配置Apache 编辑Apache配置文件 /etc/apache2/sites-available/000-default.conf，或者创建一个新的配置文件并启用它。

   sudo nano /etc/apache2/sites-available/yourdomain.com.conf
   

   添加以下内容：

   <
       VirtualHost *:80>
   
       ServerAdmin webmaster@localhost
       DocumentRoot /var/www/yourdomain.com
   
       ErrorLog ${
   APACHE_LOG_DIR}
   /error.log
       CustomLog ${
   APACHE_LOG_DIR}
       /access.log combined
   <
       /VirtualHost>
       
   

   启用站点：

   sudo a2ensite yourdomain.com.conf
   

3. 重启Apache

   sudo systemctl restart apache2
   

4. 上传静态文件 将你的静态网站文件上传到 /var/www/yourdomain.com 目录。

方法三：使用Node.js和Express

1. 安装Node.js和npm

   curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
   sudo apt-get install -y nodejs
   

2. 创建Express应用 创建一个新的目录并进入该目录：

   mkdir mystaticsite
   cd mystaticsite
   

   初始化一个新的Node.js项目：

   npm init -y
   

   安装Express：

   npm install express
   

3. 创建服务器文件 创建一个 server.js 文件并添加以下内容：

   const express = require('express');
       
   const app = express();
       
   const port = 3000;
       
   
   app.use(express.static('public'));
       
   
   app.listen(port, () =>
    {
   
       console.log(`Server running at http://localhost:${
   port}
       `);
   
   }
       );
       
   

4. 上传静态文件 将你的静态网站文件（HTML、CSS、JavaScript等）上传到 public 目录。

5. 启动服务器

   node server.js
   

方法四：使用GitHub Pages

如果你有一个GitHub账户，可以使用GitHub Pages来托管静态网站：

1. 创建一个新的仓库 在GitHub上创建一个新的仓库，并将其命名为 yourusername.github.io。

2. 上传静态文件 将你的静态网站文件上传到该仓库。

3. 启用GitHub Pages 进入仓库设置，找到GitHub Pages选项，选择主分支（通常是 main 或 master），然后保存。

这样，你的静态网站就会通过 https://yourusername.github.io 访问。

选择适合你需求的方法进行部署即可。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！