このページは様々なMarkdown記法の表示確認用です。 markdown-itのdemo_template/sample.mdを参考に作成しました。

これはH1見出しです

H1見出し内の本文です。

2行目です。

H2見出し

H2見出しの内容です。

2行目です。

H3見出し

H3見出しの内容です。

2行目です。

H4見出し

H5見出し
H6見出し

改行とパラグラフ

これは最初のパラグラフです。

これは2番目のパラグラフです。
行末に2つのスペースを入れると 改行されます。

長い英語テキスト

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

水平線




テキスト装飾

太字テキスト

斜体テキスト

太字かつ斜体

取り消し線

引用

これは引用ブロックです。 複数行にわたる引用も可能です。

ネストした引用も可能です。

リスト

順序なしリスト

  • リスト項目1
  • リスト項目2
    • ネストしたリスト項目
    • もう一つのネスト項目
  • リスト項目3

順序ありリスト

  1. 最初の項目
  2. 2番目の項目
    1. ネストした項目
    2. もう一つのネスト項目
  3. 3番目の項目

タスクリスト

  • 完了したタスク
  • 未完了のタスク
  • もう一つの未完了タスク

複雑なリスト

  1. 最初の項目 この項目には詳細な説明があります。
    console.log("コードブロックも含められます");
    
    • ネストしたリスト
    • もう一つの項目
  2. 2番目の項目

    引用ブロックも含められます。

コードブロック

インラインコード

文章中にコードを入れられます。 console.log("Hello, World!"); この手前にコードがあります。

JavaScript

function greet(name) {
  return `Hello, ${name}!`;
}

const message = greet("World");
console.log(message);

Ruby

def greet(name)
  "Hello, #{name}!"
end

message = greet("World")
puts message

HTML

<!DOCTYPE html>
<html>
<head>
    <title>テストページ</title>
</head>
<body>
    <h1>Hello, World!</h1>
</body>
</html>

リンク

Googleへのリンク

サイト内相対リンク

ページ内リンク

画像

説明テキスト svgへのリンクです

figureタグ内の画像とfigcaption

説明テキスト
これは画像のキャプションです。 (キャプション内リンク)

脚注

これは脚注付きのテキストです1

別の脚注もあります2

テーブル

項目説明価格
りんご赤い果物¥100
バナナ黄色い果物¥80
オレンジオレンジ色の果物¥120

テーブルの整列

左揃え中央揃え右揃え
LeftCenterRight
テストテストテスト

エスケープ文字

*これは太字になりません*

`これはコードになりません`

定義リスト

Markdown
軽量マークアップ言語
Hugo
Go言語で書かれた静的サイトジェネレーター

略語

HTML は HyperText Markup Language の略です。

*[HTML]: HyperText Markup Language

ページ内リンク飛び先の見出し

これはページ内リンクの飛び先のためのコンテンツです。


  1. これは脚注の内容です。 ↩︎

  2. 名前付き脚注も可能です。 ↩︎