Google ドライブのサイトがスタイルなしで読み込まれる

Google ドライブのサイトがスタイルなしで読み込まれる

Google ドライブ上のこのページ (生物学レッスン)何らかの理由でスタイルが設定されずに読み込まれます (Introduction/index.html読み込みは正常です)。

HTML ファイルと CSS ファイルを W3C の検証ツールでチェックしましたが、すべて問題ありませんでした。index.htmlassets/stylesheets/index.cssファイルの両方を削除して再作成しました。Google ドライブのルート フォルダの場所と名前も変更しましたが、何も機能しませんでした。

外部フォントとその他すべてのアセットは正常に読み込まれます。問題なのはassets/stylesheets/index.cssファイルだけです。

さらに、Chrome Dev Editor から起動すると、次のように表示されます。

スクリーンショット

これをウェブ上で正しく読み込むにはどうすればいいでしょうか?

答え1

そのファイルを削除して再度アップロードする必要がありますが、.cssアップロードする前にファイルとして存在していることを確認してください。

その理由は、Google がファイルをアップロードするときに特定の方法でファイルを処理するため、ファイルの MIME タイプをtext/plainではなく に変換するからです。text/css

また、ドライブでのウェブ ホスティング サポートもまもなく終了します。

関連情報