如何使用 GitLab 在 Cloudflare Pages 中自定义 URL

Question

我想使用 Cloudflare Pages 结合 GitLab 和 Eclipse 创建一个网站。我成功进行了测试，但我想主要围绕 URL 格式进行一些更改。

首先请注意，出于隐私原因，我会将名称更改为更通用的名称。

在 GitLab 中说过，我创建了一个新项目（私有），并将其命名为“我的个人网站”。然后在 Eclipse 中，我克隆了这个新创建的存储库，之后我创建了一个同名的新“静态 Web 项目”（“我的个人网站”）。在其中自动创建了一个名为“public”的文件夹，其中我添加了两个 HTML 文件，一个名为“Home”，另一个名为“Test”，并且在其中我只添加了一行短信。

此后，我转到 Cloudflare Pages，创建了一个“Pages”类型的新应用程序，并将我的 git 存储库连接到它。之后，我提交了在 Eclipse 中所做的更改，这些更改由 Cloudflare 检测到，现在我可以使用“my-personal-website.pages.dev”访问我的网页，但这就是我想要更改的内容。如果我只使用 https://my-personal-website.pages.dev 该页面是空白的，背景是黑色的。相反，我希望显示“Home”。另外一件事，如果我想访问我制作的这两个页面，我需要转到 https://my-personal-website.pages.dev/MyPersonalWebsite/public/Test 例如。我想要做的另一个改变是，我不想直接使用“/MyPersonalWebsite/public/Test” https://my-personal-website.pages.dev/Test

我需要更改/添加什么才能进行这两项更改？对于我想要制作的这个网站，我不需要任何服务器端功能，因为它仅用于显示信息，而且完成后，我将购买一个域名并从pages.dev更改它到我自己的域，我认为这很容易，因为您在 Cloudflare 设置中有“自定义域”。

Answer 1

我通过执行以下步骤解决了这个问题：

• 在 Eclipse 中，转到 Git Repositories，右键单击您的 GitLab 存储库，选择“导入项目...”，然后从该列表中选择您的存储库
• 此后，我将文件“Home.html”和“Test.html”从文件夹“public”移动到这个新项目的根目录，并完全删除“我的个人网站”，即“静态Web项目”。
• 现在我必须将“Home.html”重命名为“index.html”（或者如果您还没有主页，则添加具有该名称的 html 文件）。 Cloudflare 正在根目录中查找名为“index.html”的文件。

现在，当我访问 https://my-personal-website.pages.dev 时，会显示我的“index.html”，要访问“Test.html”，我只需使用 https://my-personal- website.pages.dev/Test.

所以理论上我从一开始就应该做的是这样的：

• 转到GitLab并创建一个私有存储库
• 打开 Eclipse 并从“Git 存储库”克隆该存储库
• 同样在 Eclipse 中右键单击该存储库，选择“导入项目...”并选择根
• 在根目录中添加一个名为“index.html”的文件，该文件将在访问网站时显示
• 提交更改
• 转到 Cloudflare Pages 并创建一个“Pages”类型的新应用程序并将我的 git 连接到它

Cloudflare 随后会部署该项目，仅此而已。