このページは様々な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
順序ありリスト
- 最初の項目
- 2番目の項目
- ネストした項目
- もう一つのネスト項目
- 3番目の項目
タスクリスト
- 完了したタスク
- 未完了のタスク
- もう一つの未完了タスク
複雑なリスト
- 最初の項目
この項目には詳細な説明があります。
console.log("コードブロックも含められます");- ネストしたリスト
- もう一つの項目
- 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>
リンク
画像
figureタグ内の画像とfigcaption
脚注
これは脚注付きのテキストです1。
別の脚注もあります2。
テーブル
| 項目 | 説明 | 価格 |
|---|---|---|
| りんご | 赤い果物 | ¥100 |
| バナナ | 黄色い果物 | ¥80 |
| オレンジ | オレンジ色の果物 | ¥120 |
テーブルの整列
| 左揃え | 中央揃え | 右揃え |
|---|---|---|
| Left | Center | Right |
| テスト | テスト | テスト |
エスケープ文字
*これは太字になりません*
`これはコードになりません`
定義リスト
- Markdown
- 軽量マークアップ言語
- Hugo
- Go言語で書かれた静的サイトジェネレーター
略語
HTML は HyperText Markup Language の略です。
*[HTML]: HyperText Markup Language
ページ内リンク飛び先の見出し
これはページ内リンクの飛び先のためのコンテンツです。