Hugoで記事を作成する時のマークダウンサンプル。

#

h1 Heading

##

h2 Heading

###

h3 Heading

####

h4 Heading

#####

h5 Heading

水平線

---や***で水平線

強調

太文字 + 赤のアンダーライン

**や__の２つで文章の左右を挟むと太字＋赤マーカーで強調

This is bold text

サンプル　テキスト

太文字

*や_が１つだと太字

※両サイドにスペースを入れないと動作しない時がある。

This is italic text

サンプル　テキスト

打消し線

~~チルダ2個で打消し Strikethrough

引用

引用は、>を文章の最初に

Blockquotes can also be nested…

記事装飾用のショートコードのサンプル

{{}}の中にに< ショートコード名 >

終わりは/ショートコード名

マークダウンは処理されないので、HTMLで中身を記述する

Point

related

well_dash

well_b

リスト

番号無し

文章の最初に +, -, or *を記載。

• 通常のリスト
  • ネストする場合は、スペース２でインデント
    • ネストの中で更にインデントすることで第3階層
    • Facilisis in pretium nisl aliquet
    • Nulla volutpat aliquam velit
• Very easy!

番号有り

数字とドット(.)ではじめる

1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa

コード

Inline

shift + ~で囲う

sample

Syntax highlighting

3連アポストロフィーの後に言語で改行してコードを記入。

3連アポストロフィーで囲む。

var foo = function (bar) {
  return bar++;
};

console.log(foo(5));

Tables

ショーコードmdtableでレスポンシブに対応したテーブルに。

Right aligned columns

中央揃えは:---:

Links

[リンクのテキスト](http://exsample.com)

link text

URLそのままで下記のようにコンバートされる

Autoconverted link https://github.com/nodeca/pica (enable linkify to see)

Images

![代替テキスト](画像URL)で画像表示

画像にリンクを設定する

[![代替テキスト](画像URL)](URL)で画像にリンクを設定

画像表示部分を[ ]で囲い、(URL)をその後につける（ネストする）

Plugins

The killer feature of markdown-it is very effective support of syntax plugins.

Footnotes

(https://github.com/markdown-it/markdown-it-footnote)

Footnote 1 link¹.

Footnote 2 link².

Inline footnote^[Text of inline footnote] definition.

Duplicated footnote reference².

and multiple paragraphs.