マークダウン書式

Crew'sHubでは、いくつかのコンテンツの入力にマークダウン書式を使用できます。

マークダウン書式を使用できるコンテンツは以下のとおりです。

• ページのメモ
• 企画
• 仕様

一般的なMarkdown記法との違い

一般的なMarkdown記法では段落中の改行は無視されますが、CRew'sHubでは改行表示されます。

以下の拡張書式を使用できます。

• PlantUML
• imgのサイズ指定
• 動画の埋め込み（YouTube, Vine, Prezi)

**太字**
__太字__

# h1 #
h1
====
## h2 ##
h2
----
### h3 ###
#### h4 ####
##### h5 #####
###### h6 ######

下線 & 取り消し線

++underline++
~~strikethrough~~

***
---

蛍光ペン

==mark==

> quote 1
>> quote 2
>>> quote 3
...

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

箇条書きリスト
-
-
...

• task 1
• task 2

- [x] task 1
- [ ] task 2

Text Link
[Text](www.yahoo.co.jp)

Image Link
![Text](http://www.image.com/image.jpg)

``` type

code block

```

` code `

code

| th1 | th2 | th3 |
| :--  | :--: | ----: |
| left | center | right |

hello[^hello]

Look at the bottom^[1]

Detailed: https://www.webpagefx.com/tools/emoji-cheat-sheet/

:laughing:
:blush:
:smiley:
:)
...

😆😊😃😃

Term 1

Definition 1

Term 2 with inline markup

Definition 2

  { some code, part of Definition 2 }

Third paragraph of definition 2.

Term 1

:   Definition 1

Term 2 with *inline markup*

:   Definition 2

        { some code, part of Definition 2 }

    Third paragraph of definition 2.

The HTML specification
is maintained by the W3C.

*[HTML]: Hyper Text Markup Language
*[W3C]:  World Wide Web Consortium
The HTML specification
is maintained by the W3C.

PlantUMLを利用して、シーケンス図やユースケース図を埋め込むことができます。

開始タグ：　@startuml
終了タグ：　@enduml

@startuml
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response

Alice -> Bob: Another authentication Request
Alice <-- Bob: another authentication Response
@enduml

ガントチャートやマインドマップ、WBS図等のように、開始タグ・終了タグが「@startuml」「@enduml」以外の表記法の場合は、それらの表記をさらに「@startuml」「@enduml」で囲むことで利用可能になります。

@startuml　← ★開始タグ、終了タグで再度囲む
@startmindmap
* Debian
** Ubuntu
*** Linux Mint
*** Kubuntu
*** Lubuntu
*** KDE Neon
** LMDE
** SolydXK
** SteamOS
** Raspbian with a very long name
*** <s>Raspmbc</s> => OSMC
*** <s>Raspyfi</s> => Volumio
@endmindmap
@enduml

YouTube、Vimeo、Preziのコンテンツを埋め込むことができます。

YouTube

@[youtube](dQw4w9WgXcQ)

Vimeo

@[vimeo](19706846)

Prezi

@[prezi](1kkxdtlp4241)

![test](image.png =100x200)
![test](image.png =100x)
![test](image.png =x200)

それぞれ以下のように変換されます。

<p><img src="image.png" alt="test" width="100" height="200"></p>
<p><img src="image.png" alt="test" width="100"></p>
<p><img src="image.png" alt="test" height="200"></p>

PDF出力時に、改ページを挿入することができます。

改行したい箇所に、以下のいずれかのタグを挿入してください。

<div style="page-break-after:always;"></div>

<hr style="page-break-after:always;"/>