晴歩雨描

晴れた日は外に出て歩き、雨の日は部屋で絵を描く

はてなブログ)リンク埋め込み「ブログカード」内のURLエンコード。

備忘録として。

はてなブログでは、リンク埋め込みの方法として、「埋め込み」、「タイトル」、「URL」が選択できる。

「埋め込み」を選択すると「ブログカード」になる。

例えば、以下のURLを「埋め込み」で貼り付けると下のような「ブログカード」になる。

https://ok2nd.github.io/sitemap/hatena-sitemap-table.html

「ブログカード」のHTML形式(例)は以下。

<p><iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fok2nd.github.io%2Fsitemap%2Fhatena-sitemap-table.html" title="晴歩雨描:記事一覧" class="embed-card embed-webcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 155px; max-width: 500px; margin: 10px 0px;" loading="lazy"></iframe></p>

「ブログカード」内のURLはエンコードされている。

  • 「:」は「%3A 」になる。
  • 「/」は「%2F」になる。

【例】

https://ok2nd.github.io/sitemap/hatena-sitemap-table.html

 ↓↓↓

https%3A%2F%2Fok2nd.github.io%2Fsitemap%2Fhatena-sitemap-table.html