Mixed Contentsの解決

• 問題: HTTPS でアクセスした場合、CSS が適用されない。
• 原因: Chrome に Mixed Contents 判定されて静的ファイルが読み込めていなかった。

Mixed Contents とは HTTPS で読み込むコンテンツに HTTP で読み込むサブコンテンツが含まれている セキュリティ上の問題を指す。

HTTPS の Mixed Contents と決別する

1. 開発者ツールのコンソールで Mixed Contents 判定されているファイルを確認。
2. zola でそのファイルを読む箇所を確認し、get_urlが使われていることを確認。
3. 一方でconfig.tomlのbase_urlを確認すると、プロトコルが HTTP になっていることを確認。
4. get_urlはbase_urlが参照されると推測し、HTTPS に修正。

これで解決。

脳死で Let's Encrypt の証明書のかずけにしていたが違ったすまん。 しかし、Netlify のビルドログみてみると、Mixed Contents でない判定になってた許さん。

あと、GitHub Pages で、indexつくってみた。

ここからアクセスしてみて気がついたのよね。