Free web framework PAGE2.kr

page2.kr

마크다운

개요

Markdown은 텍스트 기반의 마크업언어로 2004년 존그루버에 의해 만들어졌으며 쉽게 쓰고 읽을 수 있으며 HTML로 변환이 가능하다. 특수기호와 문자를 이용한 매우 간단한 구조의 문법을 사용하여 웹에서도 보다 빠르게 컨텐츠를 작성하고 보다 직관적으로 인식할 수 있다.

왜 사용하는가?

  • 마크 다운은 모든 것에 사용될 수 있습니다. 사람들은이 도구를 사용하여 웹 사이트 , 문서 , 메모 , 서적 , 프리젠 테이션 , 전자 메일 메시지 및 기술 문서를 작성 합니다.
  • 마크 다운 형식은 거의 모든 응용 프로그램을 사용하여 열 수 있습니다. 현재 사용중인 Markdown 응용 프로그램이 마음에 들지 않으면 Markdown 파일을 다른 Markdown 응용 프로그램으로 가져올 수 있습니다. 콘텐츠를 독점 파일 형식으로 잠그는 Microsoft Word와 같은 워드 프로세싱 응용 프로그램과는 대조적입니다.
  • 마크 다운은 플랫폼에 독립적입니다. 운영 체제를 실행하는 모든 장치에서 마크 다운 형식의 텍스트를 만들 수 있습니다.

문법 (Syntex)

제목 (Headers)

# This is a H1
## This is a H2
### This is a H3
#### This is a H4
##### This is a H5
###### This is a H6

This is a H1

This is a H2

This is a H3

This is a H4

This is a H5
This is a H6

목록(List)

● 순서있는 목록(번호)

순서있는 목록은 숫자와 점을 사용한다.

1. 첫번째
2. 두번째
3. 세번째
  1. 첫번째
  2. 두번째
  3. 세번째

● 순서없는 목록(글머리 기호)

* 1단계
  * 2단계
    * 3단계* 이외에 +, -, =를 사용할 수 있다.
혼합해서 사용하는 것도 가능하다.+ 1단계
  - 2단계
    = 3단계
  • 1단계
    • 2단계
      • 3단계
  • 1단계
    • 2단계
      = 3단계

BlockQuote

이메일에서 사용하는 > 블럭인용문자를 이용한다.

> This is a blockqute.

This is a first blockqute.

This is a second blockqute.

This is a third blockqute.

이 안에서는 다른 마크다운 요소를 포함할 수 있다.

This is a H3

  • List
    code

코드 <pre><code></code></pre>

This is a normal paragraph:    This is a code block.
end code block.

This is a normal paragraph:
    This is a code block.
end code block.

코드블럭

마크다운에서 기본 코드 블럭은 1 tab 혹은 4 spaces 이다. 그런데 Github.com 에서는 3개의 backtick ` 을 연달아 작성하는 것으로 구문강조 코드 블럭을 지원하면서 이 Fenced Code Block이 코드 블럭의 기본 방식처럼 되어가고 있다.


```
ruby
code block
```
```
javascript
function syntaxHighlight(code, lang) {
   var foo = 'rhio';
   var bar = 33;
}
```

수평선 <hr/>

아래 줄은 모두 수평선을 만든다. 마크다운 문서를 미리보기로 출력할 때 *페이지 나누기- 용도로 많이 사용한다.

- - *********- - ----------------------------------------




링크

참조링크

[link keyword][id]
[id]: URL "Optional Title here"Link: [Google][googlelink]
[googlelink]: https://google.com "Go google"

Link: Google

인라인 링크

syntax: [Title](link)

Link: Google

자동연결

<http://example.com/>
<address@example.com>

http://example.com/
address@example.com


강조

*single asterisks*
_single underscores_
**double asterisks**
__double underscores__
++underline++
~~cancelline~~

single asterisks
single underscores
double asterisks
double underscores
++underline++
cancelline

이미지

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

올드팝카페 로고

사이즈 조절 기능은 없기 때문에 <img width="" height=""></img>를 이용한다.