kb

Markdown チートシート

GFM、kramdown、Markdown Extendedに対応した記述のサンプル。

ブロック要素

段落と改行

記述
Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。長年にわたり、私は学区と長寿であればそのような刺激の取り組み、彼女のうち、運動の利点をaliquipをnostrudする人、来ます。
cupidatatのcillumの痛みになりたいDuisに批判されてきたらdoloreマグナ逃亡しても結果の喜びを生成しません。Excepteur cupidatatブラックはexcepteurていない、つまり、彼らはあなたの悩みに責任がある人の一般的な義務を捨て、魂を癒しています。

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

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---------4---------5---------6---------7---------8---------9---------0---------1---------2---------3---------4---------5---------6
結果

Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。長年にわたり、私は学区と長寿であればそのような刺激の取り組み、彼女のうち、運動の利点をaliquipをnostrudする人、来ます。
cupidatatのcillumの痛みになりたいDuisに批判されてきたらdoloreマグナ逃亡しても結果の喜びを生成しません。Excepteur cupidatatブラックはexcepteurていない、つまり、彼らはあなたの悩みに責任がある人の一般的な義務を捨て、魂を癒しています。

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

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———4———5———6———7———8———9———0———1———2———3———4———5———6

見出し

記述
# 見出し1

## 見出し2

### 見出し3

#### 見出し4

##### 見出し5

###### 見出し6
結果

見出し1

Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。

見出し2

Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。

見出し3

Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。

見出し4

Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。

見出し5

Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。

見出し6

Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。

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.

Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。

引用

記述
> Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。長年にわたり、私は学区と長寿であればそのような刺激の取り組み、彼女のうち、運動の利点をaliquipをnostrudする人、来ます。
>
> > cupidatatのcillumの痛みになりたいDuisに批判されてきたらdoloreマグナ逃亡しても結果の喜びを生成しません。Excepteur cupidatatブラックはexcepteurていない、つまり、彼らはあなたの悩みに責任がある人の一般的な義務を捨て、魂を癒しています。
> >
> > ```
> > 0123456789
> > ```
>
> * ABCDEFGHIJKLMNOPQRSTUVWXYZ
>
> * abcdefghijklmnopqrstuvwxyz
>
> ```
> 0123456789
> ```
>
> 用語
> : 定義
>  Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。長年にわたり、私は学区と長寿であればそのような刺激の取り組み、彼女のうち、運動の利点をaliquipをnostrudする人、来ます。
>
> 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.
結果

Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。長年にわたり、私は学区と長寿であればそのような刺激の取り組み、彼女のうち、運動の利点をaliquipをnostrudする人、来ます。

cupidatatのcillumの痛みになりたいDuisに批判されてきたらdoloreマグナ逃亡しても結果の喜びを生成しません。Excepteur cupidatatブラックはexcepteurていない、つまり、彼らはあなたの悩みに責任がある人の一般的な義務を捨て、魂を癒しています。

0123456789

  • ABCDEFGHIJKLMNOPQRSTUVWXYZ

  • abcdefghijklmnopqrstuvwxyz

0123456789
用語
定義
Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。長年にわたり、私は学区と長寿であればそのような刺激の取り組み、彼女のうち、運動の利点をaliquipをnostrudする人、来ます。

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.

リスト

記述
* A

* B - start

    * Ba - start

      段落

      Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。長年にわたり、私は学区と長寿であればそのような刺激の取り組み、彼女のうち、運動の利点をaliquipをnostrudする人、来ます。
      cupidatatのcillumの痛みになりたいDuisに批判されてきたらdoloreマグナ逃亡しても結果の喜びを生成しません。Excepteur cupidatatブラックはexcepteurていない、つまり、彼らはあなたの悩みに責任がある人の一般的な義務を捨て、魂を癒しています。

      ABCDEFGHIJKLMNOPQRSTUVWXYZ
      abcdefghijklmnopqrstuvwxyz
      0123456789

      Ba - end

      * Baあ

    * Bb - start

        1.  1 - start

            1.  11 - start

                * 11A - start

                  引用

                  > ABCDEFGHIJKLMNOPQRSTUVWXYZ
                  > abcdefghijklmnopqrstuvwxyz

                  11A - end

                * 11B

                11 - end

            2.  12 - start

                整形済みテキスト

                ```
                ABCDEFGHIJKLMNOPQRSTUVWXYZ
                abcdefghijklmnopqrstuvwxyz
                ```

                12 - end

            1 - end

        2.  2 - start

            テーブル

            | TH  | TH  |
            | --- | --- |
            | TD  | TD  |
            | TD  | TD  |

            2 - end

        3.  3

      Bb - end

  B - end

* C

  01. C.01

  02. C.02

  03. C.03

  04. C.04

  05. C.05

  06. C.06

  07. C.07

  08. C.08

  09. C.09

  10. C.10

* D

* E
結果

  • A

  • B - start

    • Ba - start

      段落

      Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。長年にわたり、私は学区と長寿であればそのような刺激の取り組み、彼女のうち、運動の利点をaliquipをnostrudする人、来ます。
      cupidatatのcillumの痛みになりたいDuisに批判されてきたらdoloreマグナ逃亡しても結果の喜びを生成しません。Excepteur cupidatatブラックはexcepteurていない、つまり、彼らはあなたの悩みに責任がある人の一般的な義務を捨て、魂を癒しています。

      ABCDEFGHIJKLMNOPQRSTUVWXYZ
      abcdefghijklmnopqrstuvwxyz
      0123456789

      Ba - end

      • Baあ

    • Bb - start

      1. 1 - start

        1. 11 - start

          • 11A - start

            引用

            ABCDEFGHIJKLMNOPQRSTUVWXYZ
            abcdefghijklmnopqrstuvwxyz

            11A - end

          • 11B

          11 - end

        2. 12 - start

          整形済みテキスト

          ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

          12 - end

        1 - end

      2. 2 - start

        テーブル

        TH TH
        TD TD
        TD TD

        2 - end

      3. 3

      Bb - end

    B - end

  • C

    1. C.01

    2. C.02

    3. C.03

    4. C.04

    5. C.05

    6. C.06

    7. C.07

    8. C.08

    9. C.09

    10. C.10

  • D

  • E

  • インデント確認

  1. インデント確認

    • インデント確認

    1. インデント確認

    2. インデント確認

    3. インデント確認

  2. インデント確認

  3. インデント確認

  4. インデント確認

  5. インデント確認

  6. インデント確認

  7. インデント確認

  8. インデント確認

  9. インデント確認

  10. インデント確認

定義リスト

記述
用語1
: <span/>{:.invisible}

  定義1

  段落

  Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。長年にわたり、私は学区と長寿であればそのような刺激の取り組み、彼女のうち、運動の利点をaliquipをnostrudする人、来ます。
  cupidatatのcillumの痛みになりたいDuisに批判されてきたらdoloreマグナ逃亡しても結果の喜びを生成しません。Excepteur cupidatatブラックはexcepteurていない、つまり、彼らはあなたの悩みに責任がある人の一般的な義務を捨て、魂を癒しています。

  ABCDEFGHIJKLMNOPQRSTUVWXYZ
  abcdefghijklmnopqrstuvwxyz
  0123456789

: 定義2

  引用

  > ABCDEFGHIJKLMNOPQRSTUVWXYZ
  > abcdefghijklmnopqrstuvwxyz
  > 0123456789

用語2
: <span/>{:.invisible}

  定義1

  整形済みテキスト

  \```
  ABCDEFGHIJKLMNOPQRSTUVWXYZ
  abcdefghijklmnopqrstuvwxyz
  0123456789
  \```

: 定義2

  リスト

  * A

  * B
結果
用語1

定義1

段落

Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。長年にわたり、私は学区と長寿であればそのような刺激の取り組み、彼女のうち、運動の利点をaliquipをnostrudする人、来ます。
cupidatatのcillumの痛みになりたいDuisに批判されてきたらdoloreマグナ逃亡しても結果の喜びを生成しません。Excepteur cupidatatブラックはexcepteurていない、つまり、彼らはあなたの悩みに責任がある人の一般的な義務を捨て、魂を癒しています。

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

定義2

引用

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

用語2

定義1

整形済みテキスト

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

定義2

リスト

  • A

  • B

最初の定義を段落にできないのでダミー要素を挟むことで対応。

整形済みテキスト

記述
    Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。長年にわたり、私は学区と長寿であればそのような刺激の取り組み、彼女のうち、運動の利点をaliquipをnostrudする人、来ます。
    cupidatatのcillumの痛みになりたいDuisに批判されてきたらdoloreマグナ逃亡しても結果の喜びを生成しません。Excepteur cupidatatブラックはexcepteurていない、つまり、彼らはあなたの悩みに責任がある人の一般的な義務を捨て、魂を癒しています。

    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    abcdefghijklmnopqrstuvwxyz
    0123456789

    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---------4---------5---------6---------7---------8---------9---------0---------1---------2---------3---------4---------5---------6
結果
Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。長年にわたり、私は学区と長寿であればそのような刺激の取り組み、彼女のうち、運動の利点をaliquipをnostrudする人、来ます。
cupidatatのcillumの痛みになりたいDuisに批判されてきたらdoloreマグナ逃亡しても結果の喜びを生成しません。Excepteur cupidatatブラックはexcepteurていない、つまり、彼らはあなたの悩みに責任がある人の一般的な義務を捨て、魂を癒しています。

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

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———4———5———6———7———8———9———0———1———2———3———4———5———6

Fenced Code Blocks

記述
\```maxscript
global var -- Line Comment

/*
Block Comment
*/
struct TestClass (
  public Literals = #(
    1, .1e-2, 1.2, -0., 0x0E, "String", @"Verbatim", #Name, true,
    2m30s5f2t, 18.25f, 2:10.0, $'Node Name', #{1..3, 5}
  ),

  private rlt = Rollout rlt "Title" (
    CheckBox ckbx "Caption" checked:false triState:0
    on ckbx Changed state do (
      -- ...
    )
  ),

  public fn TestFunction pA &pB pC:false &pD:1.2 pE:#(1, 2) pF: = (
    -- ...
  ),

  private mapped fn compare x y = (
    -- ...
  ),

  on Create do (
    -- ...
  )
)
\```
結果
global var -- Line Comment

/*
Block Comment
*/
struct TestClass (
  public Literals = #(
    1, .1e-2, 1.2, -0., 0x0E, "String", @"Verbatim", #Name, true,
    2m30s5f2t, 18.25f, 2:10.0, $'Node Name', #{1..3, 5}
  ),

  private rlt = Rollout rlt "Title" (
    CheckBox ckbx "Caption" checked:false triState:0
    on ckbx Changed state do (
      -- ...
    )
  ),

  public fn TestFunction pA &pB pC:false &pD:1.2 pE:#(1, 2) pF: = (
    -- ...
  ),

  private mapped fn compare x y = (
    -- ...
  ),

  on Create do (
    -- ...
  )
)

テーブル

記述
| -   | 左寄せ |               中央寄せ               | 右寄せ |
| --- | :----- | :----------------------------------: | -----: |
| 行1 | TD     |                  TD                  |     TD |
| 行2 | TD     | セル内の改行は<br>`<br>`タグを使う。 |     TD |
結果
- 左寄せ 中央寄せ 右寄せ
行1 TD TD TD
行2 TD セル内の改行は
<br>タグを使う。		 TD

水平線

記述
---
結果

インライン要素

記述
[通常リンク](https://imaoki.github.io/kb/ "ツールチップA")
[参照リンク][ref]
[参照リンク（ID省略）][]
[Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.][ref]

[ref]:https://imaoki.github.io/kb/ "ツールチップB"
[参照リンク（ID省略）]:https://imaoki.github.io/kb/ "ツールチップC"

外部サイト[https://github.com/](https://github.com/)
自動リンク<https://imaoki.github.io/kb/>
相対リンク[highlight.js サンプル](2019-04-14-highlight-js-sample)
結果

通常リンク
参照リンク
参照リンク（ID省略）
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

外部サイトhttps://github.com/
自動リンクhttps://imaoki.github.io/kb/
相対リンクhighlight.js サンプル

参照先の記述は前に一行空ける必要がある。

脚注

記述
脚注1[^1]
脚注2[^a]

[^1]:脚注1
[^a]:脚注2
結果
脚注11
脚注22

文字修飾

記述
*強調*
_強調_
**より強い強調**
__より強い強調__
`コード`
``中間`の`エスケープ``
`` `先頭or末尾のエスケープ` ``
`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.`
~~打ち消し線~~
結果
強調
強調
より強い強調
より強い強調
コード
中間`の`エスケープ
`先頭or末尾のエスケープ`
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.
打ち消し線

画像

記述
画像
: <span/>{:.invisible}

  相対アドレス![代替文字](/kb/assets/images/sample/32x32.png "ツールチップ")

リンク
: <span/>{:.invisible}

  相対アドレス[![代替文字](/kb/assets/images/sample/64x64.png "ツールチップ")](/kb/assets/images/sample/64x64.png)
  絶対アドレス[![代替文字](https://imaoki.github.io/kb/assets/images/sample/128x128.png "ツールチップ")](https://imaoki.github.io/kb/assets/images/sample/128x128.png)
  外部サイト[![代替文字](/kb/assets/images/sample/128x128.png "ツールチップ")](https://github.com/)

参照画像
: <span/>{:.invisible}

  ID指定![参照画像][img]
  ID省略![参照画像（ID省略）][]

  [img]:/kb/assets/images/sample/128x128.png "ツールチップA"
  [参照画像（ID省略）]:/kb/assets/images/sample/128x128.png "ツールチップB"

高解像度
: <span/>{:.invisible}

  [![512x512](/kb/assets/images/sample/512x512t.png)](/kb/assets/images/sample/512x512.png)
  [![1024x1024](/kb/assets/images/sample/1024x1024t.png)](/kb/assets/images/sample/1024x1024.png)
  [![2048x2048](/kb/assets/images/sample/2048x2048t.png)](/kb/assets/images/sample/2048x2048.png)
結果
画像

相対アドレス代替文字

リンク

相対アドレス代替文字
絶対アドレス代替文字
外部サイト代替文字

参照画像

ID指定参照画像
ID省略参照画像（ID省略）

高解像度

512x512
1024x1024
2048x2048

kramdown

Jekyllで有効。

ブロック要素の属性

Markdown Extendedとの違いに注意。

記述
ブロック要素
{:#block-element-id style="color: magenta;"}
結果
<p id="block-element-id" style="color: magenta;">ブロック要素</p>

ブロック要素

ノート
記述
ノート
{:.note}
結果

ノート

警告
記述
警告
{:.warning}
結果

警告

入力
記述
入力
{:.input}

red
{:.input .red}

orange
{:.input .orange}

yellow
{:.input .yellow}

green
{:.input .green}

cyan
{:.input .cyan}

blue
{:.input .blue}

magenta
{:.input .magenta}
結果

入力

red

orange

yellow

green

cyan

blue

magenta

出力
記述
出力
{:.output}

red
{:.output .red}

orange
{:.output .orange}

yellow
{:.output .yellow}

green
{:.output .green}

cyan
{:.output .cyan}

blue
{:.output .blue}

magenta
{:.output .magenta}
結果

出力

red

orange

yellow

green

cyan

blue

magenta

インライン要素の属性

Markdown Extendedとの違いに注意。

記述
*インライン要素*{:#inline-element-id style="color: cyan;"}
結果
<em id="inline-element-id" style="color: cyan;">インライン要素</em>

インライン要素

シンタックスハイライト
記述
`<style>body {width: 500px;}</style>`{:.code .language-html}
結果

<style>body {width: 500px;}</style>

キーボタン
記述
`Ctrl+A`{:.key}で全て選択し、`Ctrl+C`{:.key}でコピーする。
表示

Ctrl+Aで全て選択し、Ctrl+Cでコピーする。

Markdown Extended

Markdown Converterによる変換で有効。

Admonition

記述
!!! ノート

    Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。

    !!! warning 警告

        Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。
表示

!!! ノート

Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。

!!! warning 警告

    Loremのイプサムの嘆き、AMET consecteturのadipiscingのELIT、sedのtemporと活力、そのような労働と悲しみ、eiusmod行うにはいくつかの重要な事柄に座ります。

markdown-it-attrs

kramdownとの違いに注意。

記述
`<style>body {width: 500px;}</style>`{.code .language-html}
表示

<style>body {width: 500px;}</style>{.code .language-html}

ノート
記述
**ノート**{.note}
結果

ノート{.note}

警告
記述
**警告**{.warning}
結果

警告{.warning}

入力
記述
**入力**{.input}

**red**{.input .red}

**orange**{.input .orange}

**yellow**{.input .yellow}

**green**{.input .green}

**cyan**{.input .cyan}

**blue**{.input .blue}

**magenta**{.input .magenta}
結果

入力{.input}

red{.input .red}

orange{.input .orange}

yellow{.input .yellow}

green{.input .green}

cyan{.input .cyan}

blue{.input .blue}

magenta{.input .magenta}

出力
記述
**出力**{.output}

**red**{.output .red}

**orange**{.output .orange}

**yellow**{.output .yellow}

**green**{.output .green}

**cyan**{.output .cyan}

**blue**{.output .blue}

**magenta**{.output .magenta}
結果

出力{.output}

red{.output .red}

orange{.output .orange}

yellow{.output .yellow}

green{.output .green}

cyan{.output .cyan}

blue{.output .blue}

magenta{.output .magenta}

markdown-it-kbd

記述
[[Ctrl+A]]で全て選択し、[[Ctrl+C]]でコピーする。
表示

[[Ctrl+A]]で全て選択し、[[Ctrl+C]]でコピーする。

  1. 脚注1 ↵

  2. 脚注2 ↵