本文介绍了如何将你的Jamstack网站部署到Cloudflare Pages--这是一项新服务,具有简单易用和慷慨的免费托管计划。
网络世界可能在使用WordPress,但开发人员正在向Jamstack技术(也被称为静态网站)发展。Jamstack(曾写成JAMStack)这个名字代表了JavaScript、API和Markup,是由Netlify设计的。像Ajax一样,这个术语的范围已经扩大,但Jamstack网站通常使用预先渲染的静态内容,客户端逻辑连接到一套松散耦合的后端API。其好处是令人信服的。
-
性能。在可能的情况下,Jamstack网站在构建过程中生成一次页面,而不是在查看时。它们速度快,而且经常被部署到离用户更近的内容交付网络(CDN)上。
-
可扩展性。Jamstack网站是一个生成文件的集合,不需要服务器端处理或数据库连接。页面是有效的预缓存和全球部署。
-
可移植性。一旦生成,就可以在任何地方托管一个Jamstack网站。没有供应商的锁定。
-
开发。开发人员可以使用他们喜欢的任何工具来生成一个网站。如果有必要,文章编辑可以继续使用WordPress或任何其他CMS来编写内容。
-
部署。Jamstack网站可以通过提交Git分支自动部署到测试和生产网站。不需要复杂的持续集成或部署过程。
下面的教程解释了如何从头开始创建一个Jamstack网站。
Jamstack托管服务
你可以在任何地方托管网站,包括GitHub Pages和Amazon S3,但Netlify和Vercel在Jamstack领域占主导地位。他们提供慷慨的计划和简单的基于Git的部署。
最新进入市场的是Cloudflare--一家以其全球CDN、边缘安全和缓存服务而闻名的公司。新的Cloudflare Pages服务在其巨大的全球基础设施中提供Jamstack托管。免费计划现在对所有人开放,包括。
该构建平台支持的语言包括Node.js、Python、PHP、Ruby、Go、Java、Elixir和Erlang。大多数建站软件都应该可以使用,但以下工具已经验证了兼容性。
- Angular (Angular CLI)
- Brunch
- Docusaurus
- Eleventy
- Ember.js
- Gatsby
- 淘宝网
- 格子间
- 淘宝网
- 淘宝网
- Mkdocs
- Next.js (静态HTML导出)
- Nuxt.js
- 鹈鹕
- React (
create-react-app) - React Static
- 石板
- Svelte
- 视觉
- Vue
- VuePress