pelicanmemo

海外の話が多め。近頃は中国が多め(中国海警局・中国海監、深海潜水艇、感染症など)。

はてなブログ|HTTPS化と、はてなフォトライフ対策。|記事の画像のIMGタグ、全部書き換えかよ...、楽をしてみた。

f:id:pelicanmemo:20180314200947j:plain

"はてなブログ"を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をご利用の場合は、再度同じ画像を、はてなフォトライフにアップロードし直してください。
(赤字強調は管理人による)

【よくある質問】HTTPS配信時の混在コンテンツ(Mixed Content)対応について - はてなブログ ヘルプ

うちのブログでは、"はてなフォトライフ"の「ブログに貼り付ける」機能から、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タグを貼り付けた画像はこれ。
 ↓

20180314200948
http://img.f.hatena.ne.jp/images/fotolife/p/pelicanmemo/20180314/20180314200948.jpg

"はてなブログ"の「HTML編集」で、IMGタグを"https://cdn-ak.f.st-hatena.com/"に書き換えただけの画像はこれ。
 ↓

20180314200948
https://cdn-ak.f.st-hatena.com/images/fotolife/p/pelicanmemo/20180314/20180314200948.jpg

 

大丈夫そうです。😊

これなら、改めて同じ画像をアップロードしたり、画像サイズを再調整したり、余計な「"f:id:pelicanmemo:(略):plain" 」部分を削ったり、という面倒な事をしなくてすみそうです。

 

はてなブログヘルプのFAQの、「これ以外のURLをご利用の場合は、再度同じ画像を、はてなフォトライフにアップロードし直してください。」は、フォトライフを使っているなら、それほど気にしなくても良さそうです。

httpからhttpsに書き換える作業は必要なので、エディタでの一斉置換で、もう一つ手順が加わる程度でした。

 

アサヒ飲料 おいしい水 六甲 2L×10本

アサヒ飲料 おいしい水 六甲 2L×10本