Haroopad

Full Syntax

하루패드에서 사용하는 마크다운 문법을 모아두었습니다.

""

Rhio Kim
CEO

Markdown Characters

[TOC "float:right;margin:0 0 0 10px"]

  • \ backslash
  • ` backtick
  • * asterisk
  • _ underscore
  • curly braces
  • [ ] square brackets
  • ( ) parentheses
  • # hash mark
  • + plus sign
  • - minus sign (hyphen)
  • . dot
  • ! exclamation
  • ^ caret
  • ~ tilde

Gruber's Markdown

Emphasis

Italic - italic

_italic_

Bold - bold

**bold** or **bold**

Links

Inline - link

A [Link](http://example.com "Title")

Reference-style - [link][id]

A [Link][id].

[id]: http://example.com "Title"

Code

A code span

A `code span`

Image

Inline - Image

Alt Text
Title

![Alt Text](http://bit.ly/1drEdWK "Title")

Reference-style Image

Alt Text
Title
.

A ![Alt Text][logo].

[logo]: http://bit.ly/1drEdWK "Title"

Image Style (Haroopad Flavored Markdown)

![Alt Text](http://bit.ly/1drEdWK "Title" "width:30px") ![Alt Text](http://bit.ly/1drEdWK "Title" "width:30px;float:right")

Alt Text
Title
.

logo: http://bit.ly/1drEdWK "Title" "width:50px"

![Alt Text](http://bit.ly/1drEdWK "Title" "width:30px")
![Alt Text](http://bit.ly/1drEdWK "Title" "width:30px;float:right")

![Alt Text][logo].

[logo]: http://bit.ly/1drEdWK "Title" "width:50px"

Headers

Setext-style

# Header 1

## Header 2

atx-style

# Header 1

## Header 2

...

###### Header 6

Lists

Ordered (numbered)

  1. Red
  2. Blue
  3. Green
1. Red
2. Blue
3. Green

Unordered (bulleted)

  • Red
  • Blue
  • Green
- Red
- Blue
- Green

* Red
* Blue
* Green

- Red
- Blue
- Green

Nest Lists

  • Colors
    1. Red
    2. Blue
    3. Green
    4. Yellow
    • Dark Yellow
    • Light Yellow
    • Green Yellow
- Colors
  1. Red
  2. Blue
  3. Green
  4. Yellow
  - Dark Yellow
  - Light Yellow
  - Green Yellow

Blockquotes

This is the Blockquotes

> This is the **Blockquotes**

Horizontal Rules

Three or more hyphens(-), asterisks(*), or underscores(_)

Page break

---

Section break

---

Margin break (add margin bottom)

---

Github Flavored Markdown

Line Breaks

End a line with tow or more spaces

Roses are red,
Violets are blue.

Roses are red,  
Violets are blue.

Fenced Code Block

var your = 'code here';

Syntax Highlight

[language name] var your = 'code here'; 
  • Language names - http://highlightjs.org/static/test.html

Javascript

function syntaxHighlight(a, b) {
  return a + b;
}
#include <iostream>

int main(char *argv[]) {
  return -2e3 + 121;
}

Table (GFM)

| name | age | gender | money | | ----- | :-: | --------- | -----: | | rhio | 384 | robot | $3,000 | | haroo | .3 | bird | $430 | | jedi | ? | undefined | $0 |

| name  | age | gender    |  money |
| ----- | :-: | --------- | -----: |
| rhio  | 384 | robot     | $3,000 |
| haroo | .3  | bird      |   $430 |
| jedi  |  ?  | undefined |     $0 |

Multimarkdown

Superscript - ^superscript^

^superscript^

Subscript - ~subscript~

~subscript~

Underline - ++underline++

++underline++

Haroopad Flavored Markdown

Pharse Emphasis

Highlight - ==highlight==

==highlight==

Strikethrough - ~~strikethrough~~

~~strikethrough~~

Horizontal Rules

Sentence break (add margin bottom)

---

Table of Content

[TOC] or [toc]

[TOC "float:left"]
[TOC "float:right"]

Math Expression

Inline Math expression

$$$x^2$$$

$x^2$ or $$$x^2$$$

Block Math expression

$$ x^2 $$

$$
x^2
$$

Media Embed

This is Block syntax.

@Haroopad

@[Alt Text](Content-URL "CSS")

@[Haroopad](https://vimeo.com/70385914 "width:100%;height:350px")

PHP Extras Markdown

Footnotes (with v0.12)

This is footnote

1

  1. explanatory information

This is footnote[^1]

[^1]: explanatory information