← すべての記事

画像・表・脚注の表示検証

相対パス画像、alt属性、Markdownテーブル、脚注、引用、外部リンクを含む表示テスト用記事。

画像#

下記の共通SVGを相対パスで参照します。ブラウザ・静的サイト・検索indexの関係を示しています。

デモ構成図: ブラウザ、静的サイト、検索indexの関係

alt 属性は上記のように設定しています。画像が読み込めない環境でも意味が伝わることを確認してください。

#

テーマ比較の表#

テーマフレームワーク検索機能目次機能
AstroPaperAstroありあり
CactusAstroありあり
ToneAstroありあり

長いセルの表#

設定項目既定値説明
siteUrlhttps://example.comサイト全体のベースURL。OGP画像や canonical に使われる。
postsPerPage10一覧ページ1ページあたりの最大件数。これを超えるとページネーションされる。
showScrollToToptrueスクロール後にフローティングで表示される戻るボタンを有効にするかどうか。

引用#

可観測性は、システムの内部状態を外部から推測できる度合いである。

脚注12を使って補足説明を追加します。

[!NOTE] これはノートの引用です。テーマによっては特別なボックスとして描画されます。

外部リンク#

本文中のインラインコード#

inline codedata-attribute="value"use-superscript のような表記を確認します。

Footnotes#

  1. 脚注1: 引用の出典は検証用の架空の書籍です。

  2. 脚注2: テーマによって脚注の表示位置が変わります。