如何将网站前端部署到4everland上免费托管

709 阅读2分钟

image.png

如何将Github pages 迁移到4everland上托管

1.支持一键导入,零配置

2.支持自定义域名

3.支持ssl,免费证书

前言:

早期网站github pages,后来迁移到 coding,最近又放到腾讯云网站静态托管,无论是 coding 的 cos 存储桶,还是静态网站托管。但他们都是收费的,那么有没有免费又好用的托管呢? 老牌的有Vercel和Netlify,相关的文章都很多,这里不再赘述。在这里主要介绍一个很少有人知道的web3.0新势力,而且它是基于IPFS的。

为什么选择 4everland

1.个人账户即可免费部署前端应用

2.支持一键导入

3.支持自定义域名以及配置ssl,https

4.简单友好,支持的前端有 next.js, Nuxt.js, Gatsby.js, Angular, Ember.js, Hexo等

5.IPFS去中心化,不用担心宕机

可以说4everland可以满足Vercel能完成的所有功能,还更加强大。Hosting只是4everland上的一项基础功能,根据官方的Roadmap,4everland在web3.0赛道上大有一展宏图的气魄。

前提条件

⒈ 先成功部署 github pages(本文以 github pages 为例,其他类似的应用也是如此)

⒉ 然后登陆4everland官网, 一键导入

如何使用

步骤一:登录Github

在4everland官网,找到登录入口,进入并连接Github账号 image.png 步骤二:创建一个新的项目

点击Get Start Deployed,第一次创建可能需要购买,这里放心个人账户拥有4GB免费储存和100GB带宽,可以说完全够用了。 image.png 步骤三:导入GIT

点击Select Git 导入储存库

image.png

步骤四:设置根目录

设置根目录,大部分项目保持默认即可

image.png 步骤五:配置构建设置

设置根目录后,应选择默认框架。框架将具有默认Build Commands和Output Directory,打开Override以覆盖默认设置。

image.png 步骤六:环境变量

根据需要设置Environment Variables,可以通过process.env.VARIABLE_NAME 在你的代码中更改。

image.png 最后选择Deploy,稍等一会就可以通过域名访问了。

总结

目前而言相对于vercel,4everland的免费账户储存更多,带宽更大,导入也非常方便。值得一试

参考文档

4everland官网