# :memo: 目次 いくつかの `#` 記号に続けて `ToC` という文字列を記述します。 `Table of Contents` または `Table-of-Contents` でも構いません。 ``` # 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つ、あるいはチルダ`~`３つで囲みます。 ``` print 'hoge' ``` ### シンタックスハイライトとファイル名 - [highlight.js Demo](https://highlightjs.org/static/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); } ``` ~~~ ```javascript:mersenne-twister.js 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)` で``タグを挿入できます。 ```markdown ![Minion](https://octodex.github.com/images/minion.png) ![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat") ``` ![Minion](https://octodex.github.com/images/minion.png) ![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat") 画像の大きさなどの指定をする場合はimgタグを使用します。 ```html ``` # :memo: Link ## Markdown 標準 `[表示テキスト](URL)`でリンクに変換されます。 ``` [Google](https://www.google.co.jp/) ``` [Google](https://www.google.co.jp/) ## 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 1. 番号付きリスト1-2 1. 番号付きリスト2 1. 番号付きリスト3 ## タスクリスト ``` - [ ] タスク 1 - [x] タスク 1.1 - [ ] タスク 1.2 - [x] タスク2 ``` - [ ] タスク 1 - [x] タスク 1.1 - [ ] タスク 1.2 - [x] タスク2 # :memo: Table ## Markdown 標準 ```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 ``` ~~~ ``` tsv Content Cell Content Cell Content Cell Content Cell ``` ## TSV (ヘッダー付き) ~~~ ``` tsv-h First Header Second Header Content Cell Content Cell Content Cell Content Cell ``` ~~~ ``` tsv-h First Header Second Header Content Cell Content Cell Content Cell Content Cell ``` ## CSV ~~~ ``` csv Content Cell,Content Cell Content Cell,Content Cell ``` ~~~ ``` csv Content Cell,Content Cell Content Cell,Content Cell ``` ## CSV (ヘッダー付き) ~~~ ``` csv-h First Header,Second Header Content Cell,Content Cell Content Cell,Content Cell ``` ~~~ ``` csv-h First Header,Second Header Content Cell,Content Cell Content Cell,Content Cell ``` # :memo: Footnote 脚注への参照[^1]を書くことができます。 長い脚注は[^longnote]のように書くことができます。 [^1]: 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]