在 Google Cloud Storage 上托管 HTML5 网站答案

【问题标题】：Host HTML5 site on Google Cloud Storage在 Google Cloud Storage 上托管 HTML5 网站
【发布时间】：2014-05-18 06:03:01
【问题描述】：

我正在尝试在 Google Cloud Storage 上托管我的 HTML5 网站。

当我在本地加载网站时，所有动画都可以正常工作。当我将它上传到 Google Cloud Storage 并访问它时，我的 CSS 动画不起作用。

CSS 文件在我的存储桶中的css/theme.css 中，HTML 文件指向它，如下所示：

<link rel="stylesheet" href="css/theme.css">
<link rel="stylesheet" href="css/theme-elements.css">
<link rel="stylesheet" href="css/theme-animate.css">

【问题讨论】：

你可以通过显示源访问它并点击链接吗？
错误控制台有错误吗？
现在它读取 HTML 页面，但它仅使用 HTML 读取它，它不应用我的 CSS 图像或任何东西。我想念什么？我已将所有文件设为可公开访问。
如果我点击“公共链接”，它会完美呈现页面

标签： html css google-cloud-storage

【解决方案1】：

确保通过 Developer Console 为您的 CSS 文件正确设置了 Content-Type 元数据。

如果没有，您应该手动编辑元数据以设置正确的类型，对于 CSS 文件，该类型为 text/css。如果在上传时既没有指定类型也没有自动检测到类型，Google Cloud Storage serves files as binary/octet-stream 这可能会阻止浏览器正确呈现它。

或者，您也可以在 HTML 中指定 MIME 类型，例如，

<link rel="stylesheet" href="css/theme.css" type="text/css">

以确保浏览器正确处理它。

【讨论】：