跳转到主要内容

章节Cloudflare 开发者文档（免费档）

Pages

122 页更新于 12 小时前

开始阅读

本章内容122

  1. 01 Demos and architectures import { GlossaryTooltip, ResourcesBySelector } from "~/components"; Learn how you can use Pages within you... 12 小时前
  2. 02 Cloudflare Pages import { CardGrid, Description, Feature, LinkTitleCard, Plan, RelatedProduct, Render, Aside, } from "~/comp... 12 小时前
  3. 03 REST API import { APIRequest, DashButton } from "~/components"; The Pages API empowers you to build automations and ... 12 小时前
  4. 04 Branch deployment controls import { Render } from "~/components"; When connected to your git repository, Pages allows you to control w... 12 小时前
  5. 05 Build caching import { DashButton, Steps } from "~/components"; Improve Pages build times by caching dependencies and bui... 12 小时前
  6. 06 Build configuration import { Details, DashButton } from " /components"; import PagesBuildPresetsTable from "/components/cf/Page... 12 小时前
  7. 07 Build image import { DashButton } from " /components"; import PagesBuildEnvironment from "/components/cf/PagesBuildEnvi... 12 小时前
  8. 08 Build watch paths import { DashButton, Steps } from "~/components"; When you connect a git repository to Pages, by default a ... 12 小时前
  9. 09 Custom domains import { Render, DashButton, Steps } from "~/components"; When deploying your Pages project, you may wish t... 12 小时前
  10. 10 Debugging Pages import { DashButton } from "~/components"; When setting up your Pages project, you may encounter various er... 12 小时前
  11. 11 Deploy Hooks import { DashButton } from "~/components"; With Deploy Hooks, you can trigger deployments using event sourc... 12 小时前
  12. 12 Early Hints Early Hints help the browser to load webpages faster. Early Hints is enabled automatically on all pages.de... 12 小时前
  13. 13 Headers import { Code } from " /components"; import { Render } from "/components"; Custom headers The default respo... 12 小时前
  14. 14 Configuration import { DirectoryListing } from "~/components"; 12 小时前
  15. 15 Monorepos While some apps are built from a single repository, Pages also supports apps with more complex setups. A mo... 12 小时前
  16. 16 Preview deployments import { DashButton } from "~/components"; Preview deployments allow you to preview new versions of your pr... 12 小时前
  17. 17 Redirects import { Render, Type, MetaInfo } from "~/components"; To apply custom redirects on Cloudflare Pages, decla... 12 小时前
  18. 18 Rollbacks Rollbacks allow you to instantly revert your project to a previous production deployment. Any production de... 12 小时前
  19. 19 Serving Pages Cloudflare Pages includes a number of defaults for serving your Pages sites. This page details some of thos... 12 小时前
  20. 20 GitHub integration You can connect each Cloudflare Pages project to a GitHub repository, and Cloudflare will automatically dep... 12 小时前
  21. 21 GitLab integration You can connect each Cloudflare Pages project to a GitLab repository, and Cloudflare will automatically dep... 12 小时前
  22. 22 Git integration import { Steps, DashButton } from "~/components"; You can connect each Cloudflare Pages project to a GitHub... 12 小时前
  23. 23 Troubleshooting builds If your git integration is experiencing issues, you may find the following banners in the Deployment page o... 12 小时前
  24. 24 Blazor import { Render } from "~/components"; Blazor is an SPA framework that can use C# code, rather than JavaScr... 12 小时前
  25. 25 Brunch import { PagesBuildPreset, Render } from "~/components"; Brunch is a fast front-end web application build t... 12 小时前
  26. 26 Docusaurus import { PagesBuildPreset, Render, PackageManagers } from "~/components"; Docusaurus is a static site gener... 12 小时前
  27. 27 Gatsby import { PagesBuildPreset, Render } from "~/components"; Gatsby is an open-source React framework for creat... 12 小时前
  28. 28 Gridsome import { PagesBuildPreset, Render } from "~/components"; Gridsome is a Vue.js powered Jamstack framework fo... 12 小时前
  29. 29 Hexo import { Render } from "~/components"; Hexo is a tool for generating static websites, powered by Node.js. H... 12 小时前
  30. 30 Hono import { ResourcesBySelector, Render, TabItem, Tabs, PackageManagers, YouTube, } from "~/components"; Hono ... 12 小时前
  31. 31 Hugo import { PagesBuildPreset, Render, TabItem, Tabs } from "~/components"; Hugo is a tool for generating stati... 12 小时前
  32. 32 Jekyll import { PagesBuildPreset, Render } from "~/components"; Jekyll is an open-source framework for creating we... 12 小时前
  33. 33 Nuxt import { PagesBuildPreset, Render, TabItem, Tabs, ResourcesBySelector, PackageManagers, YouTube, } from "~/... 12 小时前
  34. 34 Pelican import { PagesBuildPreset, Render } from "~/components"; Pelican is a static site generator, written in Pyt... 12 小时前
  35. 35 Preact import { Render } from "~/components"; Preact is a popular, open-source framework for building modern web a... 12 小时前
  36. 36 Qwik import { PagesBuildPreset, Render, PackageManagers } from "~/components"; Qwik is an open-source, DOM-centr... 12 小时前
  37. 37 React import { PagesBuildPreset, Render, PackageManagers, DashButton } from "~/components"; React is a popular fr... 12 小时前
  38. 38 Remix import { PagesBuildPreset, Render, PackageManagers, WranglerConfig, } from "~/components"; Remix is a frame... 12 小时前
  39. 39 SolidStart import { Render, PackageManagers } from "~/components"; Solid is an open-source web application framework f... 12 小时前
  40. 40 Sphinx import { Render } from "~/components"; Sphinx is a tool that makes it easy to create documentation and was ... 12 小时前
  41. 41 SvelteKit import { PagesBuildPreset, Render, PackageManagers } from "~/components"; SvelteKit is the official framewo... 12 小时前
  42. 42 VitePress import { PagesBuildPreset, Render, TabItem, Tabs, PackageManagers, } from "~/components"; VitePress is a st... 12 小时前
  43. 43 Vue import { PagesBuildPreset, Render, PackageManagers } from "~/components"; Vue is a progressive JavaScript f... 12 小时前
  44. 44 Zola import { PagesBuildPreset, Render } from "~/components"; Zola is a fast static site generator in a single b... 12 小时前
  45. 45 Analog Analog is a fullstack meta-framework for Angular, powered by Vite and Nitro. To deploy an Analog applicatio... 12 小时前
  46. 46 Angular import { PagesBuildPreset, Render, PackageManagers } from "~/components"; Angular is an incredibly popular ... 12 小时前
  47. 47 Astro import { PagesBuildPreset, Render, PackageManagers, YouTube, } from "~/components"; Astro is an all-in-one ... 12 小时前
  48. 48 Elder.js import { PagesBuildPreset, Render } from "~/components"; Elder.js is an SEO-focused framework for building ... 12 小时前
  49. 49 Eleventy import { PagesBuildPreset, Render } from "~/components"; Eleventy is a simple static site generator. In thi... 12 小时前
  50. 50 Ember import { PagesBuildPreset, Render } from "~/components"; Ember.js is a productive, battle-tested JavaScript... 12 小时前
  51. 51 MkDocs import { PagesBuildPreset, Render } from "~/components"; MkDocs is a modern documentation platform where te... 12 小时前
  52. 52 Static HTML import { Details, Render } from "~/components"; Cloudflare supports deploying any static HTML website to Cl... 12 小时前
  53. 53 Framework guides import { DirectoryListing, Render } from "~/components"; 12 小时前
  54. 54 Static site import { PagesBuildPreset, Render } from "~/components"; :::note Use this guide when you specifically want ... 12 小时前
  55. 55 Next.js Next.js is an open-source React framework for creating websites and applications. Cloudflare recommends vin... 12 小时前
  56. 56 Advanced mode import { TabItem, Tabs } from "~/components"; Advanced mode allows you to develop your Pages Functions with... 12 小时前
  57. 57 API reference The following methods can be used to configure your Pages Function. Methods onRequests The onRequest metho... 12 小时前
  58. 58 Bindings import { Render, TabItem, Tabs, WranglerConfig, DashButton } from "~/components"; A binding enables your Pa... 12 小时前
  59. 59 Debugging and logging import { DashButton } from "~/components"; Access your Functions logs by using the Cloudflare dashboard or ... 12 小时前
  60. 60 Get started This guide will instruct you on creating and deploying a Pages Function. Prerequisites You must have a Page... 12 小时前
  61. 61 Functions import { DirectoryListing } from "~/components"; Pages Functions allows you to build full-stack application... 12 小时前
  62. 62 Local development Run your Pages application locally with our Wrangler Command Line Interface (CLI). Install Wrangler To get ... 12 小时前
  63. 63 Metrics import { DashButton } from "~/components"; Functions metrics can help you diagnose issues and understand yo... 12 小时前
  64. 64 Middleware Middleware is reusable logic that can be run before your onRequest function. Middlewares are typically uti... 12 小时前
  65. 65 Module support Pages Functions provide support for several module types, much like Workers. This means that you can import... 12 小时前
  66. 66 Pricing Requests to your Functions are billed as Cloudflare Workers requests. Workers plans and pricing can be foun... 12 小时前
  67. 67 Routing import { Details, FileTree, DashButton } from " /components"; import PagesBuildPresetsTable from "/componen... 12 小时前
  68. 68 Smart Placement import { DashButton } from "~/components"; By default, Workers and Pages Functions are invoked in a data ce... 12 小时前
  69. 69 Source maps and stack traces import { Render, WranglerConfig } from "~/components"; :::caution Support for uploading source maps for Pag... 12 小时前
  70. 70 TypeScript import { PackageManagers, Render } from "~/components"; Pages Functions supports TypeScript. Author any fil... 12 小时前
  71. 71 Configuration import { Render, TabItem, Tabs, Type, MetaInfo, WranglerConfig, } from "~/components"; :::caution If your p... 12 小时前
  72. 72 A/B testing with middleware const cookieName = "ab-test-cookie"; const newHomepagePathName = "/test"; const abTest = async (context) =>... 12 小时前
  73. 73 Adding CORS headers This example is a snippet from our Cloudflare Pages Template repo. // Respond to OPTIONS method export cons... 12 小时前
  74. 74 Examples import { DirectoryListing } from "~/components"; 12 小时前
  75. 75 Cloudflare Access import { PackageManagers } from "~/components"; The Cloudflare Access Pages Plugin is a middleware to valid... 12 小时前
  76. 76 Community Plugins The following are some of the community-maintained Pages Plugins. If you have created a Pages Plugin and wo... 12 小时前
  77. 77 Google Chat import { PackageManagers } from "~/components"; The Google Chat Pages Plugin creates a Google Chat bot whic... 12 小时前
  78. 78 GraphQL import { PackageManagers } from "~/components"; The GraphQL Pages Plugin creates a GraphQL server which can... 12 小时前
  79. 79 hCaptcha import { Render, PackageManagers } from "~/components"; The hCaptcha Pages Plugin validates hCaptcha tokens... 12 小时前
  80. 80 Honeycomb import { PackageManagers } from "~/components"; The Honeycomb Pages Plugin automatically sends traces to Ho... 12 小时前
  81. 81 Pages Plugins import { DirectoryListing, Render } from "~/components"; Cloudflare maintains a number of official Pages Pl... 12 小时前
  82. 82 Sentry import { PackageManagers } from "~/components"; :::note Sentry now provides official support for Cloudflare... 12 小时前
  83. 83 Static Forms import { PackageManagers } from "~/components"; The Static Forms Pages Plugin intercepts all form submissio... 12 小时前
  84. 84 Stytch import { PackageManagers } from "~/components"; The Stytch Pages Plugin is a middleware which validates all... 12 小时前
  85. 85 Turnstile import { Render, PackageManagers } from "~/components"; Turnstile is Cloudflare's smart CAPTCHA alternative... 12 小时前
  86. 86 vercel/og import { PackageManagers } from "~/components"; The @vercel/og Pages Plugin is a middleware which renders ... 12 小时前
  87. 87 C3 CLI import { Render, TabItem, Tabs, Type, MetaInfo, PackageManagers, } from "~/components"; Cloudflare provides... 12 小时前
  88. 88 Direct Upload import { Render, DashButton } from "~/components"; Direct Upload enables you to upload your prebuilt assets... 12 小时前
  89. 89 Git integration import { Details, Render } from "~/components"; In this guide, you will get started with Cloudflare Pages a... 12 小时前
  90. 90 Getting started import { DirectoryListing, Render } from "~/components"; Choose a setup method for your Pages project: 12 小时前
  91. 91 Add custom HTTP headers import { WranglerConfig } from "~/components"; :::note Cloudflare provides HTTP header customization for Pa... 12 小时前
  92. 92 Set build commands per branch import { DashButton } from "~/components"; This guide will instruct you how to set build commands on specif... 12 小时前
  93. 93 Add a custom domain to a branch import { DashButton } from "~/components"; In this guide, you will learn how to add a custom domain ( stagi... 12 小时前
  94. 94 Deploy a static WordPress site import { DashButton } from "~/components"; Overview In this guide, you will use a WordPress plugin, Simply ... 12 小时前
  95. 95 Enable Zaraz import { Render } from "~/components"; Enable To enable Zaraz on Cloudflare Pages, you need a custom domain... 12 小时前
  96. 96 How to import { DirectoryListing } from "~/components"; 12 小时前
  97. 97 Install private packages import { Steps, DashButton } from "~/components"; Cloudflare Pages supports custom package registries, allo... 12 小时前
  98. 98 Preview Local Projects with Cloudflare Tunnel Cloudflare Tunnel runs a lightweight daemon ( cloudflared) in your infrastructure that establishes outbound... 12 小时前
  99. 99 Redirecting *.pages.dev to a Custom Domain import { Example, DashButton } from "~/components"; Learn how to use Bulk Redirects to redirect your *.pag... 12 小时前
  100. 100 Refactor a Worker to a Pages Function import { Render } from "~/components"; In this guide, you will learn how to refactor a Worker made to intak... 12 小时前
  101. 101 Use Direct Upload with continuous integration import { DashButton } from "~/components"; Cloudflare Pages supports directly uploading prebuilt assets, al... 12 小时前
  102. 102 Use Pages Functions for A/B testing import { DashButton } from "~/components"; In this guide, you will learn how to use Pages Functions for A/B... 12 小时前
  103. 103 Enable Web Analytics import { Render, DashButton } from "~/components"; Enable on Pages project Cloudflare Pages offers a one-cl... 12 小时前
  104. 104 Redirecting www to domain apex import { Example, DashButton } from "~/components"; Learn how to redirect a www subdomain to your apex dom... 12 小时前
  105. 105 Migration guides import { DirectoryListing, Render } from "~/components"; 12 小时前
  106. 106 Migrating from Firebase In this tutorial, you will learn how to migrate an existing Firebase application to Cloudflare Pages. You s... 12 小时前
  107. 107 Migrating from Netlify to Pages import { DashButton } from "~/components"; In this tutorial, you will learn how to migrate your Netlify app... 12 小时前
  108. 108 Migrating from Vercel to Pages import { Render } from "~/components"; In this tutorial, you will learn how to deploy your Vercel applicati... 12 小时前
  109. 109 Migrating from Workers Sites to Pages import { DashButton } from "~/components"; In this tutorial, you will learn how to migrate an existing Clou... 12 小时前
  110. 110 Migrating a Jekyll-based site from GitHub Pages import { DashButton } from "~/components"; In this tutorial, you will learn how to migrate an existing GitH... 12 小时前
  111. 111 Changelog import { ProductReleaseNotes } from "~/components"; {/* */} 12 小时前
  112. 112 Platform import { DirectoryListing } from "~/components"; 12 小时前
  113. 113 Known issues import { DashButton, Tabs, TabItem } from "~/components"; Here are some known bugs and issues with Cloudfla... 12 小时前
  114. 114 Limits import { Render } from "~/components"; Below are limits observed by the Cloudflare Free plan. For more deta... 12 小时前
  115. 115 Add a React form with Formspree import { PackageManagers } from "~/components"; Almost every React website needs a form to collect user dat... 12 小时前
  116. 116 Add an HTML form with Formspree Almost every website, whether it is a simple HTML portfolio page or a complex JavaScript application, will ... 12 小时前
  117. 117 Build a blog using Nuxt.js and Sanity.io on Cloudflare Pages import { PackageManagers, DashButton } from "~/components"; In this tutorial, you will build a blog applica... 12 小时前
  118. 118 Build an API for your front end using Pages Functions import { YouTube, PackageManagers, DashButton } from "~/components"; In this tutorial, you will build a ful... 12 小时前
  119. 119 Create a HTML form import { Render } from "~/components"; In this tutorial, you will create a simple <form> using plain HTML ... 12 小时前
  120. 120 Tutorials import { GlossaryTooltip, ListTutorials } from "~/components"; View tutorials to help you get started with ... 12 小时前
  121. 121 Localize a website with HTMLRewriter import { Render, PackageManagers, WranglerConfig } from "~/components"; In this tutorial, you will build an... 12 小时前
  122. 122 Use R2 as static asset storage with Cloudflare Pages import { WranglerConfig } from "~/components"; This tutorial will teach you how to use R2 as a static asset... 12 小时前