凌峰创科服务平台

如何将网站上传至服务器?

核心概念:你需要准备什么?

在开始之前,请确保你已经准备好以下几样东西:

如何将网站上传至服务器?-图1
(图片来源网络,侵删)
  1. 网站文件:你的网站所有代码和资源文件(HTML, CSS, JavaScript, 图片等)。
  2. 服务器信息
    • 服务器地址:通常是IP地址或域名。
    • 用户名:登录服务器的用户名(如 root, ftpuser)。
    • 密码:对应的密码。
    • 文件传输协议:最常用的是 FTP (File Transfer Protocol)SFTP (SSH File Transfer Protocol,更安全),你的虚拟主机服务商通常会提供一个FTP地址、用户名和初始密码。
  3. FTP客户端软件:在你的电脑上用来连接服务器并上传文件的软件,推荐使用:
    • FileZilla (免费、跨平台,强烈推荐)
    • Cyberduck (免费、跨平台)
    • WinSCP (Windows平台)

使用虚拟主机 - 最简单、适合新手

虚拟主机是最常见的个人网站或小型企业网站托管方式,服务商已经为你配置好了大部分环境,你只需要上传文件即可。

适用场景:WordPress博客、企业展示网站、小型电商网站等。

操作步骤 (以 FileZilla 为例):

  1. 获取FTP信息:登录你的虚拟主机服务商后台(如阿里云、腾讯云、Bluehost、GoDaddy等),找到“FTP账户”或“文件管理”相关的设置页面,记下你的 FTP主机地址、FTP用户名、FTP密码

    如何将网站上传至服务器?-图2
    (图片来源网络,侵删)
  2. 连接服务器

    • 打开 FileZilla。
    • 在顶部的快速连接栏中,填入你刚才获取的信息:
      • 主机ftp.yourdomain.com 或服务器IP
      • 用户名:你的FTP用户名
      • 密码:你的FTP密码
      • 端口:通常为 21 (FTP) 或 22 (SFTP,推荐使用)
    • 点击“快速连接”。
  3. 上传文件

    • 连接成功后,FileZilla 会分为左右两个窗口:
      • 左侧:是你本地的电脑文件。
      • 右侧:是服务器上的文件。
    • 在左侧找到你本地的网站文件夹。
    • 在右侧,通常需要进入 public_htmlwwwhttpdocs 这个目录(这是网站的根目录,访问域名时默认指向这里)。
    • 将左侧的网站文件拖拽到右侧的目录中,FileZilla 会自动开始上传。
  4. 完成:上传完成后,你的网站就可以通过 http://yourdomain.com 访问了。

⚠️ 重要提示

如何将网站上传至服务器?-图3
(图片来源网络,侵删)
  • 覆盖文件:如果你更新网站,直接上传同名文件即可覆盖旧文件。
  • 目录结构:确保你的网站主页(如 index.htmlindex.php)放在根目录下。
  • 权限问题:如果上传后网站无法正常显示(比如出现500错误),可能是文件权限不正确,虚拟主机服务商通常有后台工具可以修复权限。

使用VPS/云服务器 + 手动部署 - 更灵活、适合开发者

如果你使用的是VPS(如阿里云ECS、腾讯云CVM、Vultr、DigitalOcean等)或云服务器,你需要自己搭建Web环境(如 Nginx + PHP + MySQL,即 LEMP/LAMP栈),然后上传文件。

适用场景:需要完全控制服务器环境、运行复杂应用的网站。

操作步骤分为两步:

第一步:在服务器上搭建Web环境

这通常通过命令行完成,你可以通过 SSH (Secure Shell) 连接到你的服务器。

  1. 连接服务器

    • 使用终端(Mac/Linux)或 PuTTY/Windows Terminal (Windows)。
    • 输入命令:ssh username@your_server_ip
    • 输入密码登录。
  2. 安装Web服务器和软件栈

    • 以在 Ubuntu/Debian 系统上安装 Nginx 和 PHP 为例

      # 更新软件包列表
      sudo apt update
      # 安装 Nginx
      sudo apt install nginx
      # 安装 PHP 和一些常用扩展
      sudo apt install php-fpm php-mysql php-xml php-curl
      # 启动 Nginx 并设置为开机自启
      sudo systemctl start nginx
      sudo systemctl enable nginx
    • 具体安装命令因操作系统和软件栈而异,可以搜索 "How to install LEMP stack on [你的操作系统]"。

  3. 配置网站

    • Nginx 的网站配置文件通常在 /etc/nginx/sites-available/ 目录下。
    • 你需要复制一个默认配置文件,然后修改它,指向你的网站根目录(/var/www/yourwebsite)。
    • 修改完成后,创建一个软链接到 sites-enabled 目录来启用这个站点。
    • 重载 Nginx 配置:sudo systemctl reload nginx

第二步:上传网站文件

现在你的服务器已经准备好接收文件了,你可以选择以下几种方式上传:

A. 继续使用 FTP/SFTP (最方便)

  • 在你的VPS上安装一个FTP服务器软件(如 vsftpd)。
  • 创建一个FTP用户。
  • 然后像方法一一样,用 FileZilla 连接并上传文件到 /var/www/yourwebsite 这个目录。

B. 使用 Git (推荐给开发者)

如果你的代码托管在 GitHub, GitLab 或 Gitee 上,这是最优雅的方式。

  1. 在服务器上安装 Git

    sudo apt install git
  2. 克隆你的代码仓库

    # 进入你的网站根目录
    cd /var/www/yourwebsite
    # 克隆你的代码 (替换为你的仓库地址)
    git clone https://github.com/your-username/your-repo.git .

    注意命令末尾的 表示克隆到当前目录。

  3. 后续更新: 当你本地代码更新后,只需在服务器上执行:

    git pull origin main  # 或 master, main 是你的默认分支名

C. 使用 scp (安全拷贝)

scp 是一个在 Linux/Mac 终端中直接通过 SSH 传输文件的命令,非常适合一次性上传。

# 命令格式
scp -r /path/to/local/username@your_server_ip:/path/to/remote/directory
# 示例:将本地 my-website 文件夹上传到服务器的 /var/www/ 目录下
scp -r ~/my-website root@your_server_ip:/var/www/
  • -r 表示递归拷贝整个文件夹。

使用控制面板 - 简化VPS管理

如果你觉得手动敲命令很麻烦,可以在你的VPS上安装一个控制面板,它会提供一个图形界面来管理网站、数据库和FTP账户,极大地简化了部署过程。

常用控制面板

  • cPanel / Plesk:商业面板,功能强大,但通常需要额外付费。
  • 宝塔面板:国内非常流行的免费面板,界面友好,支持一键部署环境和管理网站。
  • CyberPanel:基于 OpenLiteSpeed 的免费面板,性能较好。

操作步骤 (以宝塔面板为例):

  1. 在服务器上安装宝塔面板:按照宝塔官网提供的脚本,在SSH中一键安装。
  2. 登录面板:安装完成后,你会得到一个面板的访问地址和用户名密码。
  3. 创建网站:登录面板,找到“网站” -> “添加站点”,输入你的域名,设置根目录(如 /www/wwwroot/yourwebsite)。
  4. 获取FTP信息:在“文件” -> “FTP账户”中,为这个新站点创建一个FTP账户。
  5. 上传文件:你可以像方法一一样,使用 FileZilla 连接这个FTP账户,并将文件上传到宝塔为你指定的网站根目录中。

总结与对比

方法 优点 缺点 适合人群
虚拟主机 操作最简单,无需技术背景,价格便宜 灵活性差,性能和扩展性有限,有诸多限制 新手、个人博客、小型企业网站
VPS/云服务器 + 手动部署 完全控制,性能高,扩展性强,可运行任何应用 技术门槛高,需要自己配置环境,维护复杂 开发者、有一定技术经验的用户、大型网站
VPS + 控制面板 兼顾灵活性和易用性,图形化管理,简化操作 占用服务器资源,面板本身可能有安全风险 想使用VPS但不想敲命令的开发者、中小企业

给新手的建议

如果你是第一次做网站,直接从“方法一:使用虚拟主机”开始,这是最快、最不容易出错的方式,当你网站流量变大,或者需要更复杂的功能时,再考虑升级到VPS。

分享:
扫描分享到社交APP
上一篇
下一篇