如何在谷歌云上托管“多页面”的静态网站

Question

我已按照上述链接中的所有内容进行操作。通过点击链接。我在谷歌云上托管了我的网站。我的静态网站包含多个页面（5 页）。在托管网站中，除了“index.html”页面之外，我找不到图像和其他 html 页面。

任何人都可以通过让我知道如何托管多个页面的静态网站并让我知道如何保护我的网站安全来帮助我吗？，所以这对我非常有帮助。

https://codelabs.developers.google.com/codelabs/cloud-webapp-hosting-gcs#5

Answer 1

我认为图片无法加载的原因是

检查文件的文件路径，同时确保图像名称拼写正确。

有关详细信息，请参阅 this 链接。

Answer 2

由于你没有提供更多细节，我只能给你一些关于重点的提示。

1. 创建一个名为 www.yourdomain.com 的存储桶 - www 非常重要，除非您只想使用 yourdomain.com。
2. 更改访问权限，以便每个人都可以阅读其中的内容。
3. Upload your files 到主目录。当有人访问该站点时，GCP 将查找的第一个文件是 index.html，因此将其设为您的主页。确保你上传了所有这些。如果您页面中的图像存储在一个文件夹（img, images 等）中，则将该文件夹与其中的文件一起上传到您的存储桶中。根据您的描述，您可能丢失了它们，或者它们位于错误的文件夹中。
4. 获取您自己的 SSL 证书或使用 GCP's managed certificate（免费）
5. 设置load balancer
6. Point your domain 到您的 LB 的外部 IP

此时您已准备就绪，您的网站已启动并运行。

如果这是您第一次这样做，我建议您从阅读 how to set up a static website in GCP 上的官方文档开始。

您可以在不使用负载平衡器的情况下访问您的网站，通过使用 https://storage.googleapis.com/my-bucket/my-object 格式的链接来检查它是否正常运行。查看 truobleshooting static websites 以获得更多见解。

看看我关于这个主题的另一个答案：https://stackoverflow.com/a/64442826/12257250

或者您可以尝试hosting your site using firebase。