五大免费主机托管网站及使用说明
目录 - 按字母顺序排列
Firebase
Netlify
使成为
涌
维塞尔
部署网站可能是你最想做的第一件事,而有了这 5 个网站,你只需几分钟就能完成部署。
目录 - 按字母顺序排列
Firebase
借助Firebase 托管,您可以通过单个命令部署 Web 应用程序——包括静态和动态内容。
步骤 1. 安装 Firebase CLI
npm install -g firebase-tools
步骤 2:登录 Firebase
firebase login
步骤 3:进入您的项目
firebase init
第四步:准备场地
npm run build
步骤 5. 部署
firebase deploy
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
第二步:搭建你的网站
npm run build
步骤 3. 部署您的网站并提供您的发布目录
surge public/
维塞尔
Vercel是一个面向网站和无服务器 API 的云平台,免费且易于使用。
步骤 1. 安装 Vercel CLI
npm i -g vercel
步骤 2. 部署
vercel
结论
部署和托管快速便捷。这些站点非常适合您托管来自devchallenges.io的任何解决方案。
欢迎留言。
文章来源:https://dev.to/nghiemthu/top-5-free-hosting-sites-with-instructions-10h