R$ Blog

フレンドリンク・メディア・リンク埋め込み

562자약 2분ツール

blog-hishaku には、Hexo のタグプラグインに似た構文が用意されています。また、段落に URL だけを書くと OGP プレビューカードに変換されます。

{% links %} と {% endlinks %} の間に YAML 形式でサイト情報を書くと、カードグリッドとして表示されます。

フィールド

フィールド 必須 説明
site あり カードの表示名
url あり リンク先URL
owner - 管理者名
desc - サイトの説明
image - アバター画像のパス
color - カードのアクセント色 (hex / named / rgb / hsl)

メディアブロック {% media %}

動画

サンプル動画

音声

音声は再生プレイヤーではなく、楽曲へのリンクカードとして表示されます。

リンク埋め込み

段落に URL そのものだけを書くと、ビルド時に OGP 情報を取得してプレビューカードに変換されます。

取得に失敗した場合は素のリンクとして残るため、リンク切れでもビルドは止まりません。取得結果は .cache/og-data.json にキャッシュされます。

X(Twitter)のステータスURLを書く場合は、静的ツイートカードに変換されます。

テストチェックリスト

  1. フレンドリンクがカードグリッドで3件表示される
  2. 動画ブロックに <video> プレイヤーが表示される
  3. 音声ブロックに楽曲リンクが表示される
  4. 独行URLがOGPカードに変換される