Markdownてなに？シンタックスてなに？？
0001/1/1
読む時間 1 分間
この記事では、Hugoコンテンツファイルで使用できる基本的なMarkdown構文のサンプルを提供し、Hugoテーマで基本的なHTML要素がCSSで装飾されているかどうかを示します。
Headings
以下のHTMLの <h1>～<h6> 要素は、6段階のセクションの見出しを表しています。<h1> がセクションの最高レベルで、<h6> が最低レベルです。
H1
H2
H3
H4
H5
H6
ブロッククォート
blockquote要素は、他のソースから引用されたコンテンツを表します。オプションで、footerまたはcite要素内になければならない引用を行い、オプションで、注釈や略語などのインラインの変更を行います。
帰属表示のないブロッククォート
パル思う、ゆえにパルあり 注意 ブロッククォート内では、_Markdown構文_を使用することができます。
帰属表示のあるブロッククォート
このようにして、私たちは自分たちの生活をより豊かにすることができるのです。
— Rob Pike1
テーブル
テーブルはMarkdownのコア仕様には含まれていませんが、Hugoはすぐにサポートします。
| Name | Age |
|---|---|
| Bob | 27 |
| Alice | 23 |
テーブル内でのMarkdownのインライン化
| Italics | Bold | Code |
|---|---|---|
| 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>
Hugoの内部ハイライトショートコードを使ったコードブロック
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>リストタイプ
順序リスト
- First item
- Second item
- Third item
順不同のリスト
- List item
- Another item
- And another item
入れ子のリスト
- Fruit
- Apple
- Orange
- Banana
- Dairy
- Milk
- Cheese
他の要素 — abbr, sub, sup, kbd, mark
GIF はビットマップ画像フォーマット.
H2O
Xn + Yn = Zn
CTRL+ALT+Delete を押すとセッションを終了します。
ほとんどの サンショウウオ は夜行性で、昆虫やミミズなどの小さな生き物を狩ります。
