この内容は、Hugo のサンプルサイト用の記事として用意された記事を翻訳したものです。 備忘録もかねてこの記事をサイトのブログ記事として登録しています。

この記事では、Hugo コンテンツ ファイルで使用できる基本的な Markdown 構文のサンプルを提供します。 また、基本的な HTML 要素が Hugo テーマで CSS で装飾されているかどうかも示します。

見出し

次の HTML <h1>-<h6> 要素は、セクション見出しの 6 つのレベルを表します。 <h1> は最上位のセクション レベルで、<h6> は最下位のセクション レベルです。

H1

H2

H3

H4

H5
H6

段落

Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.

Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.

ブロック引用

ブロック引用の要素は、別のソースから引用されたコンテンツを表し、オプションで footer または cite 要素内にある必要がある引用、およびオプションで注釈や略語などのインライン変更を含みます。

出典のないブロック引用

Tiam, ad mint andaepu dandae nostion secatur sequo quae. 注意 ブロッククォート内で マークダウン構文 (Markdown syntax) が使用できることを注意してください。

属性付きのブロック引用

メモリを共有することで通信するのではなく、通信することでメモリを共有します。

— Rob Pike1

テーブル

テーブルは Markdown コア仕様の一部ではありませんが、Hugo は標準でサポートしています。

名前年齢
Bob27
Alice23

テーブル内のインライン マークダウン

イタリック太字コード
italicsboldcode

コードブロック

インライン コード

これはインラインコードです

pre のみ

これは pre テキストです

バッククォートを含むコードブロック

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Example HTML5 Document</title>
    </head>
    <body>
        <p>Test</p>
    </body>
</html>

バッククォートと言語が指定されたコードブロック

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Example HTML5 Document</title>
        <meta name="description" content="Sample article showcasing basic Markdown syntax and formatting for HTML elements.">
    </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>

Gist

リストの種類

順序付きリスト

  1. 1 番目の項目
  2. 2 番目の項目
  3. 3 番目の項目

順不同リスト

  • リストの項目
  • もうひとつの項目
  • さらにもう一つの項目

ネストされたリスト

  • 果物
    • りんご
    • みかん
    • バナナ
  • 乳製品
    • 牛乳
    • チーズ

その他の要素 — abbr, sub, sup, kbd, mark

GIF はビットマップ イメージ形式です。

H2O

Xn + Yn = Zn

セッションを終了するには、CTRL+ALT+Delete を押します。

ほとんどの サンショウウオ は夜行性で、昆虫、ミミズ、その他の小さな生き物を狩ります。

  1. 上記の引用は、2015 年 11 月 18 日の Gopherfest での Rob Pike の トーク からの抜粋です。 ↩︎