如何将您的Jamstack网站部署到Cloudflare页面上

480 阅读2分钟

How to Deploy Your Jamstack Site to Cloudflare Pages

本文介绍了如何将你的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 PagesAmazon S3,但NetlifyVercel在Jamstack领域占主导地位。他们提供慷慨的计划和简单的基于Git的部署。

最新进入市场的是Cloudflare--一家以其全球CDN、边缘安全和缓存服务而闻名的公司。新的Cloudflare Pages服务在其巨大的全球基础设施中提供Jamstack托管。免费计划现在对所有人开放,包括。

  • 无限网站、请求和带宽
  • SSL和安全
  • 强大的内容缓存和过期
  • 网络分析
  • 从GitHub分支进行生产和测试部署
  • 一次性构建,每月可构建500个,以及
  • 详尽的文档,包括入门教程部署实例迁移指南

该构建平台支持的语言包括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

继续阅读如何SitePoint将你的Jamstack网站部署到Cloudflare页面