티스토리 뷰

etc/IT

Markdown 문법(syntax) (1)

shjchad78 2018. 4. 4. 15:49

마크다운 문법을 연습해 보려고 합니다. 아무래도 자주 사용하지 않으면 까먹게 되니깐요. 그런데, 많이 써보진 않았지만 타이포라와 하루패드를 비교해보면 다른 문법이 간혹 있습니다. 아마도 에디터 별로 각각의 편의성을 위해 커스터마이징한 것이 아닐까 생각합니다.
이제 마크다운 문법을 연습해 보려고 합니다. 아래 링크를 기반으로 연습하겠습니다.
연습은 Typora Github Theme 기준입니다.

Standard Markdown

Block Elements

머리말(Headers)

This is an h1
=============

This is an h2
-------------
위의 머리말 문법은 Haroopad 에서는 적용이 되는데, Typora 에서는 적용이 안되는 것으로 보입니다. 실제 Typora 에서는 -----는 라인을 생성하는 문법이고, =====는 강조 문법(형광펜)입니다. (예시: 강조)
# This is an h1

## This is an h2

###### This is an h6

This is an h1

This is an h2

This is an h6
(위 결과는 Blockquotes + Headers 를 적용하였습니다.)
#는 갯수에 따라 h1~h6 까지 적용이 가능합니다.(h1 의 머리말 크기가 가장 큽니다.) Typora 에서는 h1, h2 까지는 자동 밑줄 적용이 되는데요, 에버노트에 붙여넣기 하면 2줄로 보기 안 좋게 되어 에버노트에 붙여 넣으 실 분들은 h3~h6 를 사용하시는 것이 좋을 것 같습니다.

Blockquotes

(우리 말로 하면 인용 블럭 정도 될 거 같네요, 사전에도 명확한 명칭이 나오질 않네요)
> This is the first level of quoting.
>
> > This is nested blockquote.
>
> Back to the first level.
This is the first level of quoting.
This is nested blockquote.
Back to the first level.
> ## This is a header.
>
> 1. This is the first list item.
> 2. This is the second list item.
>
> Here's some example code:
>
> return shell_exec("echo $input | $markdown_script");

This is a header.

  1. This is the first list item.
  2. This is the second list item.
Here's some example code:
return shell_exec("echo $input | $markdown_script");

Lists

* red
+ Green
- Blue
  • red
  • Green
  • Blue
+, *, - 이상 3가지 기호 모두 리스트를 만들어 줍니다. 어느 것을 쓰셔도 동일합니다.
1. Bird
2. Animal
3. Lion
  1. Bird
  2. Animal
  3. Lion
숫자를 앞에 쓰면 숫자 리스트가 만들어 집니다. Typora 에서는 1. 로 작성 후 엔터를 치면 다음 리스트 번호가 제공됩니다. 리스트가 끝났으면 enter 를 2번 치시면 리스트에서 벗어납니다.

Code Blocks

```python
This is a code block.
코드 블럭의 경우 Typora 와 Haroopad 가 많이 다른 것 같습니다. Typora 의 경우는 ``` + Language Name 을 사용하면 코드 블럭이 만들어집니다. Haroopad 의 경우는 들여쓰기(tab 또는 스페이스 4칸)를 하면 코드 블럭이 만들어집니다. 코드 블럭은 Typora 가 더 쉬운 것 같습니다. 해당 마크다운 문법은 에버노트와 동일하기 때문입니다. (에버노트 유저 입장에서 얘기한 겁니다.)

Horizontal Rules

수평선을 그으려면 ***, ---, +++ 을 사용하면 됩니다.

Hard Line Breaks

마크다운에서 줄 마지막에 2칸 이상의 스페이스를 남기면 문장 줄이 바뀐다고 하는데요, Typora 에서는 적용이 되질 않네요.(제가 모르는 것일 수도 있습니다.)

Span Elements

Links
Emphasis
*single asterisks*
_single underscores_
**double asterisks**
__double underscores__
single asterisks
single underscores
double asterisks
double underscores
* 또는 _ 를 단어 또는 문장 앞 뒤에 기재하면 기울어진 문자 형태가 됩니다. 그리고, ** 또는 __ 를 단어 또는 문장 앞 뒤에 기재하면 볼드체로 변경할 수 있습니다.
그리고 == 을 앞 뒤로 기재하면 형광색으로 강조가 됩니다.
==double an equal mark==
double an equal mark
그런데, 형광색 강조는 에버노트로 붙여넣기 할 때 풀립니다. 차라리 형광색 강조는 마크다운으로 쓰지 말고 에버노트 내 기능을 쓰는 것이 나을 것으로 보입니다.
Image
![Alt text](/path/to/img.jpg)

![Alt text](/path/to/img.jpg "Optional title")

![Alt text][id]
[id]: /path/to/img.jpg "Optional title"
이미지 삽입은 상기와 같이 해야 한다고 하나 Typora 는 복사, 붙여넣기나 드래그&드랍으로 이미지 삽입이 가능하니 특별히 쓸일은 없을 것 같습니다.
Email
contact to <examle@example.com>.
contact to examle@example.com.
추가적으로 \ 를 쓰고 * 또는 # 을 사용하면 마크다운 적용이 되지 않습니다.
더 자세한 설명은 아래 링크에서 참고하실 수 있겠네요.


'etc > IT' 카테고리의 다른 글

Markdown 문법(syntax) (2)  (0) 2018.04.17
타이포라 Typora 사용기  (0) 2018.04.03
티스토리 에버노트 플러그인 적용하기  (0) 2018.04.03