发布于 2026-01-06 8 阅读
0

排名前五的免费主机托管网站及使用说明目录 - 按字母顺序排列:Firebase、Netlify、Render Surge、Vercel

五大免费主机托管网站及使用说明

目录 - 按字母顺序排列

Firebase

Netlify

使成为

维塞尔

部署网站可能是你最想做的第一件事,而有了这 5 个网站,你只需几分钟就能完成部署。

目录 - 按字母顺序排列

  1. Firebase
  2. Netlify
  3. 使成为
  4. 维塞尔

Firebase

借助Firebase 托管,您可以通过单个命令部署 Web 应用程序——包括静态和动态内容。

步骤 1. 安装 Firebase CLI

npm install -g firebase-tools
Enter fullscreen mode Exit fullscreen mode

步骤 2:登录 Firebase

firebase login
Enter fullscreen mode Exit fullscreen mode

步骤 3:进入您的项目

firebase init
Enter fullscreen mode Exit fullscreen mode

第四步:准备场地

npm run build
Enter fullscreen mode Exit fullscreen mode

步骤 5. 部署

firebase deploy
Enter fullscreen mode Exit fullscreen mode

Netlify

Netlify支持 GitHub、GitLab 和 Bitbucket,只需推送代码即可重新部署网站,无需手动重建。

步骤 1. 登录 Netlify 并选择New site from git

步骤 2. 选择您的存储库并使用选项配置设置:

  • 要部署的分支,默认master
  • 构建命令,默认值npm run build
  • 发布目录,默认public,但通常是public, dist, build,...

步骤 3. 选择Deploy site

使成为

使用Render,您可以将静态网站、后端 API、数据库、定时任务以及所有其他应用程序托管在一个地方。

步骤 1. 登录 Render 并创建一个新的 Web 服务,并授予其访问存储库的权限。

步骤 2. 输入您的设置

  • 环境Static Site
  • 构建命令:例如npm run build
  • 发布目录:例如public, dist, build,...

步骤 3. 选择Create Web Service

Surge
是一个 面向前端开发人员的云平台,用于发布静态网页。

步骤 1. 安装 Surge CLI

npm install -g surge
Enter fullscreen mode Exit fullscreen mode

第二步:搭建你的网站

npm run build
Enter fullscreen mode Exit fullscreen mode

步骤 3. 部署您的网站并提供您的发布目录

surge public/
Enter fullscreen mode Exit fullscreen mode

维塞尔

Vercel是一个面向网站和无服务器 API 的云平台,免费且易于使用。

步骤 1. 安装 Vercel CLI

npm i -g vercel
Enter fullscreen mode Exit fullscreen mode

步骤 2. 部署

vercel
Enter fullscreen mode Exit fullscreen mode

结论

部署和托管快速便捷。这些站点非常适合您托管来自devchallenges.io的任何解决方案。

欢迎留言。

文章来源:https://dev.to/nghiemthu/top-5-free-hosting-sites-with-instructions-10h