sandbox.md 8.1 KB

# 目次 ``` @[toc] ``` @[toc]

:memo: Block Elements

Headers 見出し

先頭に#をレベルの数だけ記述します。

# 見出し1
## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6

見出し3

見出し4

見出し5
見出し6

Block 段落

空白行を挟むことで段落となります。

段落1
(空行)
段落2

段落1

段落2

Br 改行

改行の前に半角スペース``を2つ記述します。 この挙動は、オプションで変更可能です

hoge
fuga(スペース2つ)
piyo

hoge fuga piyo

Blockquotes 引用

先頭に>を記述します。ネストは>を多重に記述します。

> 引用
> 引用
>> 多重引用

引用 引用

多重引用

Code コード

`バッククオート` 3つ、あるいはチルダ~3つで囲みます。

print 'hoge'

シンタックスハイライトとファイル名

  • highlight.js Demo の common カテゴリ内の言語に対応しています

    ```javascript:mersenne-twister.js
    function MersenneTwister(seed) {
    if (arguments.length == 0) {
    seed = new Date().getTime();
    }
    
    this._mt = new Array(624);
    this.setSeed(seed);
    }
    ```
    
    function MersenneTwister(seed) {
    if (arguments.length == 0) {
    seed = new Date().getTime();
    }
    
    this._mt = new Array(624);
    this.setSeed(seed);
    }
    

インラインコード

`バッククオート` で単語を囲むとインラインコードになります。

これは `インラインコード`です。

これは インラインコードです。

pre 整形済みテキスト

半角スペース4個もしくはタブで、コードブロックをpre表示できます

    class Hoge
        def hoge
            print 'hoge'
        end
    end
class Hoge
    def hoge
        print 'hoge'
    end
end

Hr 水平線

アンダースコア_ 、アスタリスク*を3つ以上連続して記述します。

***
___
---



:memo: Typography

強調

em

アスタリスク*もしくはアンダースコア_1個で文字列を囲みます。

これは *イタリック* です
これは _イタリック_ です

これは イタリック です これは イタリック です

strong

アスタリスク*もしくはアンダースコア_2個で文字列を囲みます。

これは **ボールド** です
これは __ボールド__ です

これは ボールド です これは ボールド です

em + strong

アスタリスク*もしくはアンダースコア_3個で文字列を囲みます。

これは ***イタリック&ボールド*** です
これは ___イタリック&ボールド___ です

これは イタリック&ボールド です これは イタリック&ボールド です

:memo: Images

![Alt文字列](URL)<img>タグを挿入できます。

![Minion](https://octodex.github.com/images/minion.png)
![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat")

Minion Stormtroopocat

画像の大きさなどの指定をする場合はimgタグを使用します。

<img src="https://octodex.github.com/images/dojocat.jpg" width="200px">

:memo: Link

Markdown 標準

[表示テキスト](URL)でリンクに変換されます。

[Google](https://www.google.co.jp/)

Google

Crowi 互換

[/Sandbox]
</user/admin1>

[/Sandbox]

Pukiwiki like linker

最も柔軟な Linker です。 記述中のページを基点とした相対リンクと、表示テキストに対するリンクを同時に実現できます。

[[./Bootstrap4]]
Bootstrap4のExampleは[[こちら>./Bootstrap4]]

[[./Bootstrap4]]
Bootstrap4のExampleは[[こちら>./Bootstrap4]]

:memo: Lists

Ul 箇条書きリスト

ハイフン-、プラス+、アスタリスク*のいずれかを先頭に記述します。 ネストはタブで表現します。

- リスト1
    - リスト1_1
        - リスト1_1_1
        - リスト1_1_2
    - リスト1_2
- リスト2
- リスト3
  • リスト1
    • リスト1_1
      • リスト1_1_1
      • リスト1_1_2
    • リスト1_2
  • リスト2
  • リスト3

Ol 番号付きリスト

番号.を先頭に記述します。ネストはタブで表現します。 番号は自動的に採番されるため、すべての行を1.と記述するのがお勧めです。

1. 番号付きリスト1
    1. 番号付きリスト1-1
    1. 番号付きリスト1-2
1. 番号付きリスト2
1. 番号付きリスト3
  1. 番号付きリスト1
    1. 番号付きリスト1-1
    2. 番号付きリスト1-2
  2. 番号付きリスト2
  3. 番号付きリスト3

タスクリスト

- [ ] タスク 1
    - [x] タスク 1.1
    - [ ] タスク 1.2
- [x] タスク2
  • タスク 1
    • タスク 1.1
    • タスク 1.2
  • タスク2

:memo: Table

Markdown 標準

| Left align | Right align | Center align |
|:-----------|------------:|:------------:|
| This       | This        | This         |
| column     | column      | column       |
| will       | will        | will         |
| be         | be          | be           |
| left       | right       | center       |
| aligned    | aligned     | aligned      |

OR

Left align | Right align | Center align
:--|--:|:-:
This       | This        | This
column     | column      | column
will       | will        | will
be         | be          | be
left       | right       | center
aligned    | aligned     | aligned
Left align Right align Center align
This This This
column column column
will will will
be be be
left right center
aligned aligned aligned

TSV

``` tsv
Content Cell	Content Cell
Content Cell	Content Cell
```
Content Cell	Content Cell
Content Cell	Content Cell

TSV (ヘッダー付き)

``` tsv-h
First Header	Second Header
Content Cell	Content Cell
Content Cell	Content Cell
```
First Header	Second Header
Content Cell	Content Cell
Content Cell	Content Cell

CSV

``` csv
Content Cell,Content Cell
Content Cell,Content Cell
```
Content Cell,Content Cell
Content Cell,Content Cell

CSV (ヘッダー付き)

``` csv-h
First Header,Second Header
Content Cell,Content Cell
Content Cell,Content Cell
```
First Header,Second Header
Content Cell,Content Cell
Content Cell,Content Cell

:memo: Footnote

脚注への参照^1を書くことができます。また、インラインの脚注^[インラインで記述できる脚注です]を入れる事も出来ます。

長い脚注は^longnoteのように書くことができます。

後続の段落はインデントされて、前の脚注に属します。

:memo: Emoji

:smiley: :smile: :laughing: :innocent: :drooling_face:

:family: :man-boy: :man-girl: :man-girl-girl: :woman-girl-girl:

:+1: :-1: :open_hands: :raised_hands: :point_right:

:apple: :green_apple: :strawberry: :cake: :hamburger:

:basketball: :football: :baseball: :volleyball: :8ball:

:hearts: :broken_heart: :heartbeat: :heartpulse: :heart_decoration:

:watch: :gear: :gem: :wrench: :email:

:heavy_plus_sign: 更に…

  • Bootstrap4 のタグを使う
    • :arrow_right: [/Sandbox/Bootstrap4]
  • 図表を書く
    • :arrow_right: [/Sandbox/Diagrams]
  • 数式を書く
    • :arrow_right: [/Sandbox/Math]