HTTPS化｜はてなブログ、カスタマイズ

pelicanmemo "はてなブログ"を、HTTP配信に変更しました。

変更した後に、変な表示トラブルが起きたら、原因の調査と修正と試行錯誤が大変そうだったので、「一発合格」を目指して、ちまちま、ちまちま、チマチマ、ﾁﾏﾁﾏﾁﾏﾁﾏﾁﾏﾁ...と検索と一括置換を繰り返して終了しました。

苦節三年（ちょっとウソ、３ヶ月くらい）、HTTPS配信に変更しました。

いまのところ、表示のトラブルや、混在コンテンツ（Mixed Content）の問題は起きていないようです。☺️

Ads by Google

朝や夜や週末に、今回は〜年〜月の分を修正と決めて、記事を「HTML編集」モードにして、全コピーして、エディタで一括検索・一括置換。全コピーし戻して元記事と置き換えです。

「はてなフォトライフ」をはじめ、はてなの多くのサービスがHTTPS対応を始める前だったので、2016年以前のファイルのほぼ全てで修正をしました。

画像のURLは"http://img.f.hatena.ne.jp/"で始まっていました。

はてなブログヘルプでは、"http://cdn-ak.f.st-hatena.com/"以外のURLをご利用の場合は、再度同じ画像を、はてなフォトライフにアップロードし直し、と書かれています。

しかし、"http://img.f.hatena.ne.jp/" を、"https://cdn-ak.f.st-hatena.com/" に書き換えただけでも、特に問題なく表示されています。

Amazonの商品画像を、アイキャッチも兼ねて表示させていたので、同じように修正しました。

2016年5月頃からHTTPS化されていたようです。ここは、"http" を "https" に修正するだけで大丈夫でした。

アイキャッチ画像がHTTPのままだと、記事一覧表示とした時に混在コンテンツになってしまうかと思いましたが、HTTPS化の後にそういうことは起きていないので、そういうことではないようです。
それでも途中までやっていたので、全部、httpsに修正。

YouTubeは、"http" を "https" に修正するだけでした。

中国メディア・ネットの動画埋め込みは、調べるのが大変そうだったので、古いものはさっくりと削除しました。新しい動画はhttps対応しているところを探して使うようにしています。

お借りしているテーマも、HTTPS対応のものに切り替えました。

JavaScriptは、ほとんど使用中止していたので、修正個所はなし。消しわすれていたゴミを削除。

・その他

Upgrade Insecure Requestsは、とくに対応を考えていません。

どうやら、「一発合格」できたようです。

こちらのブログの記事がとても参考になりました。ありがとうございました。

はてなブログ公式の記事