メインコンテンツへスキップ
  1. サンプル/

Markdown

3 分·
Markdown Css Html Sample
Blowfish
著者
Blowfish
強力で、軽量な Hugo のテーマです。
目次

この記事は Blowfish を利用した基本的な Markdown フォーマットのサンプルを提供し、また基本的な HTML 要素がどのように装飾できるのかを示しています。

見出し
#

こちらは 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 構文 を利用可能です。

出典ありのブロック引用
#

Don’t communicate by sharing memory, share memory by communicating.
Rob Pike1

テーブル
#

テーブルは Markdown の仕様には含まれていません。しかし Hugp はテーブルをすぐに利用できるようサポートしています。

名前年齢
Bob27
Alice23

テーブルないのインライン Markdown
#

斜体太字コード
斜体太字コード

コードブロック
#

バックチックによるコードブロック
#

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8" />
    <title>HTML5 資料の例</title>
  </head>
  <body>
    <p>テスト</p>
  </body>
</html>

4スペースのインデントによるコードブロック
#

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>HTML5 資料の例</title>
</head>
<body>
  <p>テスト</p>
</body>
</html>

Hugo 内のショートコード・ハイライトを利用したコードブロック
#

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>HTML5 資料の例</title>
</head>
<body>
  <p>テスト</p>
</body>
</html>

リスト形式
#

順序のあるリスト
#

  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’s の 講演 からの抜粋です。 ↩︎

関連記事

代用語文
·1 分
Markdown Text Sample Latin
リッチコンテンツ
1 分
Shortcodes Privacy Sample Gist Twitter Youtube Vimeo
数学的記法
1 分
Sample Katex Maths Shortcodes
ダイアグラムとフローチャート
2 分
Mermaid Sample Diagram Shortcodes
図表
1 分
Chart Sample Graph Shortcodes
絵文字 🪂
1 分
Emoji Sample