html - 在 Google Cloud Storage 上托管 HTML5 网站

Question

我正在尝试在 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">

Answer 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">

确保浏览器正确处理它。