[MARKDOWN] 마크다운 작성규칙[MARKDOWN] 마크다운 작성규칙
Posted at 2019. 1. 15. 00:45 | Posted in 카테고리 없음참고 : http://www.hanbit.co.kr/store/books/look.php?p_code=B8463790401
참고 : https://wikidocs.net/1678
■ 마크다운 작성 규칙
일반적으로 문단 작성은 그냥 텍스트를 입력하면 된다.
문단을 구별하려면 한 개 이상의 빈 줄을 문단 사이에 삽입하거나 줄의 마지막에 【 SPAACE BAR 】를 두번 이상 눌러 띄어쓰기 한다.
# 입력 텍스트
문단을 작성하면 됩니다. 빈줄이 없으면 자동으로 앞의 문장 뒤에 붙습니다.【공백】【공백】 위 문장에서 두 칸의 공백을 두어 강제 개행할 수 있습니다. |
#02. 제목, 타이틀을 지정하는 헤더
"# 헤더 이름"식으로 작성하면 된다.
#을 1개부터 6개까지 총 6단계로 쓸 수 있다.
# 헤더 이름 ## 헤더 이름 ### 헤더 이름 #### 헤더 이름 ##### 헤더 이름 ###### 헤더 이름 |
# 출력 결과
#03. 인용 상자
> 내용 형식으로 인용 상자를 작성할 수 있다.
빈 줄이 나오기 전까지의 내용이 인용 상자 안에 포함된다.
# 입력 텍스트
> 여기에 인용할 내용을 채워 넣으면 됩니다. 빈 줄이 없으면 자동으로 인용 상자에 포함이 됩니다. 위 문장에서 음영으로 표현된 2칸의 공백으로 강제 개행을 할 수 있습니다. 인용이 끝났습니다.
|
#04. 인덱스 목록 나타내기
기본적인 리스트 작성 방법은 무순서 목록을 만든는 것이다.
# 입력 텍스트 | # 출력 결과 |
* 목록이름 - 목록이름 + 목록이름 |
# 입력 텍스트 | # 출력 결과 |
숫자. 목록이름 |
# 입력 텍스트 | # 출력 결과 |
- 상위목록 - 하위목록 |
위 3가지 중 어떤방법을 사용하든 상관 없다.
순서가 있는 목록을 만들려면 다음과 같은 방식으로 작성한다.
이때 사용하는 숙자는 한 자리 숫자면 어떤 숫자든 상관 없다.
하나의 목록 아래에 위치하는 목록을 만들 때는 최소 공백 두 칸을 둔다.
하위 항목을 둘 때마다 일정한 칸 수로 지정해 주어야 한다.
작성 예는 다음과 같다.
# 입력 텍스트 | # 출력 결과 |
- 아이템 1 + 아이템 2 - 1단계 하위 아이템 * 2단계 하위 아이템 * 아이템 3 1. 아이템 1 3. 아이템 2 - 1단계 하위 아이템 * 2단계 하위 아이템 9. 아이템 3 |
#05. 프로그래밍 언어 코드 블록 및 인라인 코드
첫번째 행에 세개의 역 따옴표를 입력한 후 '프로그래밍 언어 이름'을 입력한다.
두번째 행에는 '코드 내용'을 적는다.
세번째 행에는 다시 세 개의 역 따옴표로 닫으면 해당 프로그램밍 언어의 구문 구별 표시를 적용한 코드를 볼 수 있다.
# 입력 텍스트
```python |
# 출력 결과
문단 작성 중간에 코드를 삽입해야 할 경우가 있다.
정확히는 고정 폭 폰트를 표시해야 할 때 이다.
코드 내용 처럼 역 따옴표로 감싸면 내용은 고정 폭 폰트로 표시된다.
# 입력 텍스트
문자 중간에 `Code`를 넣을 수 있다. 예를 들어 `var redVelvet = new member('wendy');` 와 같은 형태로. |
# 출력 결과
#06. 하이퍼 링크 삽입
주소를 별도의 '링크 텍스트'에 연결하지 않고 주소를 그대로 보여주면서 링ㅋ크를 만들려면 주소를 <LINK>로 감싸주면 된다.
이때 "http://"와 같은 프로토콜 표시를 반드시 작성해 주어야 한다.
<http://maigc.wickedmiso.com/> |
# 출력 결과
문단의 중간에 다음과 같은 형식을 통해 하이퍼 링크를 삽입할 수 있다.
# 입력 텍스트
[BLOG](http://wickedmagica.tistory.com/ "사악미소") |
# 출력 결과
그런데 위키의 경우 【【문서 이름】】 형식을 통해 비어 있는 위키 문서를 생성하는 하이퍼링크를 만들 수도 있다.
만약 하이퍼링크의 보이는 이름과 실제 작성할 윜키 문서 이름을 다르게 만들려면
【【링크에서 보이는 이름 | 위키 문서 이름】】 형식으로 작성할 수 있다.
위키 문서에서의 하이퍼 링크 작성 예는 다음과 같다.
#07. 이미지 삽입하기
이미지를 표현하는 방법은 링크 문법 앞에 느낌표 !만 붙이면 뒤에 입력한 인터넷 주소의 미지를 표시한다.
# 입력 텍스트
 |
# 출력 결과
|
아쉽게도 이미지 크기를 조절하는 마크다운 기능은 존재하지 않는다.
따라서 이미지를 표시하기 전 이미지 크기를 미리 조절해야 한다.
#08. 특정 단어 강조하기
텍스트를 강조하는 방법에는 굵게 표시하는 방법과, 기울여 표시하는 방법 2가지가 있다.
굴게 표시하려면 ***텍스트***나 __텍스트__ 라고 작성하면 된다.
# 입력 텍스트
***텍 스 트*** ___텍 스 트___ |
# 출력 결과
기울여 표시하려면 *텍스트*나 _텍스트_라고 작성하면 된다.
# 입력 텍스트
*텍 스 트* _텍 스 트_ |
이 두가지를 조합해서 굴게 이울여 표시할 수도 있다.
**_텍스트_**, __*텍스트*__, *__텍스트__*, _**텍스트**_의 네가지 경우로 표시 가능하다.
__두 개 연속으로 쓰면 굵게 표시__ 입니다. **이것 역시 굴게 표시됩니다.** _하나만 쓰면 기울여 표시_ 입니다. *이 역시 기울여 표시* 죠. **_텍 스 트_** __*텍 스 트*__ *__텍 스 트__* _**텍 스 트**_ |
#09. 가로 실선 긋기
화면 전체를 가로지르는 가로선은 문자의 개수는 3개 이상이기만 하면 된다.
---
___ |
#10 탈출 문자
마크다운 문법을 나타내는 데는 일정한 기호를 사용한다.
그런데 이 기호를 기호 그대로 표시하고 싶다면 탈출 문자를 이용해야 한다.
기본적으로 그대로 표히사고 싶은 문자 앞에서 역 슬래시(\)를 붙이면 된다.
작성 예는 다음과 같다.
__\*\WickedMiso\*\*__ _\_saak\__ |
# 출력 결과