はてなブログで埋め込みリンクを使うとき、デフォルトの表示形式にちょっとした違和感を感じませんか？この記事では、埋め込みリンクの表示をカスタマイズする方法を解説します。
Markdown記法、はてな記法でリンクを埋め込むとき、カード下に付いてくるリンクがちょこっとだけ(＾-＾；)、気になっていました。
このリンク
埋め込みリンクの挿入
はてなブログでは、リンクアイコンからURLアドレスを貼り付けると、表示形式を選択できるガイドが表示されます。
ここのリンクの表示形式で『埋め込み』を選択したとき、デフォルトでは以下のような形式で、コードが貼り付けされます。
[https://rubirubi.hateblo.jp/entry/hatena-notate:embed:cite]
このコードをちょこっとだけ、カスタマイズして、カード下に付いてくるテキストリンクを消したり、記事タイトルの表示に変更することができます。
埋め込みリンク表示の変更方法
Markdown記法、はてな記法を使用している場合、上記のガイドで埋め込みリンクを選択すると、先ほどのコードのように [リンクのアドレス:embed:cite] という形式でテキストが書き込まれます。
この :embed:cite の部分を変更することで、リンクの表示内容を少し変更できます。記述の方法は、以下となります。
カード＋リンクURL :embed:cite（デフォルト）
[https://rubirubi.hateblo.jp/entry/hatena-notate:embed:cite]
Output
rubirubi.hateblo.jp リンク付き（URL）
カードのみ :embed
[https://rubirubi.hateblo.jp/entry/hatena-notate:embed]
Output
リンクなし
カード＋タイトル :embed:title
cite を title（タイトル）に変更
[https://rubirubi.hateblo.jp/entry/hatena-notate:embed:title]
Output
【はてな記法】よく使うソースコードのシンタックスハイライト：スーパーpre記法( >|| ～ ||< ) - hatebcustom
リンク付き（記事タイトル）
良かったら、覗いてみてください~
The other way roundさんの記事を参考に、
こんなカードも作れます
