设置项目以提供静态 HTML 文件

[asikurrahmanshuvo]

将教程代码部署到 Netlify
如果您想立即开始使用，您可以在 GitHub 上 fork 本教程的代码存储库，并在几秒钟内将网站部署到您自己的 Netlify 帐户。单击下面的“部署到 Netlify”按钮，然后尝试一下！

部署至 Netlify 按钮

从头开始构建
或者，如果您想从头开始构建代码，您可以按照以下指南创建项目的简化版本，而无需视频教程中包含的 hello world Edge Function。

先决条件
在开始之前，请检查您是否已拥有完成本教程所需的工具。

在新项目目录中，创建一个公共目录。然后在其中添加一个index.html和一个名为 的文件hello-template.html。

在 index.html 文件中添加一些基本的样板（如果您使用 VSCode，您可以!在 HTML 文件中键入后按 Tab 键来生成一些 HTML 样板），或者您可以从教程存储库中复制并粘贴文件。

接下来，向 中添加一些类似的样板，以及一些占位符内容，我们将 约旦 Whatsapp 数据 在下一步中使用 Edge Function 替换这些内容。我们将用一些地理位置数据替换占位符，因此我将占位符命名为LOCATION_UNKNOWN。

VSCode 的屏幕截图，显示了一个公共目录，其中包含 index.html 和 hello-template.html。Hello-template.html 在视图中，并显示 HTML 样板和位置占位符。

接下来，我们将使用Netlify 的基于文件的配置来设置项目，以便从公共目录中提供这两个静态 HTML 文件。在项目的根目录中，添加一个netlify.toml文件。这是一个配置文件，它指定 Netlify 如何构建和部署您的站点 - 包括重定向、分支设置、边缘功能路由等。