Markdown構文ガイド
この記事では、Zolaのコンテンツファイルで使用できる基本的なMarkdown構文のサンプルを紹介します。また、Linkitaテーマで基本的なHTML要素がCSSでどのように装飾されるかも示します。
見出し
以下のHTMLの <h1>～<h6> 要素は、6段階のセクション見出しを表します。 <h1> が最上位で、<h6> が最下位です。
H1
H2
H3
H4
H5
H6
段落
これはダミーテキストです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。意義を問わないでください。意味がないと思ったら、好きなテキストに置き換えてください。これはダミーテキストです。文字の大きさ、量、字間、行間等を確認するために入れています。
これはダミーテキストです。この文章はダミーで、意味をなさないものです。デザインの観点からテキストがどのようになるかを示すためにここに置かれています。
引用
引用要素は、他の情報源から引用されたコンテンツを表します。任意で footer または cite 要素内に引用元を記載したり、注釈や省略などのインラインでの変更を加えたりすることができます。
引用元のない引用
これは引用文の例です。 注： 引用ブロック内では Markdown構文 を使用できます。
引用元のある引用
メモリを共有して通信するのではなく、通信してメモリを共有せよ。
— Rob Pike1
リンク
リンクを作成するには、リンクテキストを角括弧で囲み、その直後にURLを丸括弧で囲みます。
URLやメールアドレスを素早くリンクに変換するには、山括弧で囲みます。
画像
テーブル
テーブルはMarkdownのコア仕様の一部ではありませんが、Zolaでは標準でサポートされています。
| 名前 | 年齢 |
|---|---|
| ボブ | 27 |
| アリス | 23 |
テーブル内のインラインMarkdown
| イタリック | ボールド | コード |
|---|---|---|
| italics | bold | code |
コードブロック
バッククォートによるコードブロック
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>
4つのスペースでインデントされたコードブロック
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>
リスト
番号付きリスト
- 最初の項目
- 2番目の項目
- 3番目の項目
箇条書きリスト
- リスト項目
- 別の項目
- さらに別の項目
入れ子のリスト
- 果物
- リンゴ
- オレンジ
- バナナ
- 乳製品
- 牛乳
- チーズ
その他の要素 — abbr, sub, sup, kbd, mark
GIFはビットマップ画像フォーマットです。
H2O
Xn + Yn = Zn
セッションを終了するには CTRL+ALT+Delete を押してください。
ほとんどのサンショウウオは夜行性で、昆虫やミミズなどの小動物を捕食します。