この内容は、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