"はてなブログ"をHTTPS配信に切り替える前に、記事に埋め込んだ"はてなフォトライフ"にアップロードした画像ファイルの扱いが、頭の痛い問題です。
"はてなブログ ヘルプ"に、HTTPS配信時の混在コンテンツ対応が公開されていました。
はてなフォトライフにアップロードした画像
「はてなフォトライフ」にアップロードした画像がHTTPで配信されている場合、一部を除き、記事を再度「更新する」ことで解消します。はてな記法で書かれている場合
編集画面を「はてな記法モード」や「Markdownモード」でご利用で、[f:id:sample:20180308000000j:plain]
というような記載で画像を貼り付けている方は、記事を再度「更新する」ことで解消します。URLを直接埋め込んでいる場合
見たままモードでご利用、あるいはimgタグでURLを直接埋め込みしている場合、http://cdn-ak.f.st-hatena.com
で始まるURLであれば、URLのスキームをhttpsに書き換えhttps://cdn-ak.f.st-hatena.com
にしてください。これ以外のURLをご利用の場合は、再度同じ画像を、はてなフォトライフにアップロードし直してください。
(赤字強調は管理人による)
うちのブログでは、"はてなフォトライフ"の「ブログに貼り付ける」機能から、HTMLタグを取得して"はてなブログ"の記事に貼り付けてきました。URLは"http://img.f.hatena.ne.jp/
"で始まります。
中途半端にHTMLを扱えるのが、徒(あだ)になったか・・・😅
記事数は、・・・450個!?
😫うわー
少しでも楽ができないか、調べてみました。
Ads by Google
HTTPS化をするための混在コンテンツ(Mixed Content)対応では、記事の「HTML編集」から、ソースを全部コピーして、エディタで一括置換したものを、丸ごと入れ替えて「更新」する作業を初めています。
画像ファイルも、同じように出来ないだろうか?
"はてなフォトライフ"の「ブログに貼り付ける」>「HTMLタグ」で取得した画像のIMGタグはこれ。
<img src="
http://img.f.hatena.ne.jp/images/fotolife/p/pelicanmemo/
(略) .jpg" />
"はてなブログ"の「写真を投稿」から、すでに"はてなフォトライフ"にある画像を貼り付けた時のIMGタグはこれ。
<img class="hatena-fotolife" title="
f:id:pelicanmemo:
(略):plain" src="https://cdn-ak.f.st-hatena.com/images/fotolife/p/pelicanmemo/
(略).jpg" alt="f:id:pelicanmemo:
(略):plain" />
"はてなフォトライフ"に、画像をアップロードして、"はてなブログ"へHTMLタグを貼り付けた画像はこれ。
↓
http://img.f.hatena.ne.jp/images/fotolife/p/pelicanmemo/20180314/20180314200948.jpg
"はてなブログ"の「HTML編集」で、IMGタグを"https://cdn-ak.f.st-hatena.com/
"に書き換えただけの画像はこれ。
↓
https://cdn-ak.f.st-hatena.com/images/fotolife/p/pelicanmemo/20180314/20180314200948.jpg
大丈夫そうです。😊
これなら、改めて同じ画像をアップロードしたり、画像サイズを再調整したり、余計な「"f:id:pelicanmemo:
(略):plain" 」部分を削ったり、という面倒な事をしなくてすみそうです。
はてなブログヘルプのFAQの、「これ以外のURLをご利用の場合は、再度同じ画像を、はてなフォトライフにアップロードし直してください。」は、フォトライフを使っているなら、それほど気にしなくても良さそうです。
httpからhttpsに書き換える作業は必要なので、エディタでの一斉置換で、もう一つ手順が加わる程度でした。