[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





■ 마크다운 작성 규칙






#01. 문단 구분을 위한 강제 개행




일반적으로 문단 작성은 그냥 텍스트를 입력하면 된다.


문단을 구별하려면 한 개 이상의 빈 줄을 문단 사이에 삽입하거나 줄의 마지막에 【 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
   def func();
   print "Minatozaki"
   print "Sana"
   pass
   ```

   ```javascript
   var twice = new lim_nayeon();
   twice.sing();
   ```





# 출력 결과





문단 작성 중간에 코드를 삽입해야 할 경우가 있다.


정확히는 고정 폭 폰트를 표시해야 할 때 이다.


코드 내용 처럼 역 따옴표로 감싸면 내용은 고정 폭 폰트로 표시된다.



# 입력 텍스트


   문자 중간에 `Code`를 넣을 수 있다.


   예를 들어 `var redVelvet = new member('wendy');` 와 같은 형태로.





# 출력 결과






#06. 하이퍼 링크 삽입




주소를 별도의 '링크 텍스트'에 연결하지 않고 주소를 그대로 보여주면서 링ㅋ크를 만들려면 주소를 <LINK>로 감싸주면 된다.


이때 "http://"와 같은 프로토콜 표시를 반드시 작성해 주어야 한다.



# 입력 텍스트


   <http://maigc.wickedmiso.com/>





# 출력 결과




문단의 중간에 다음과 같은 형식을 통해 하이퍼 링크를 삽입할 수 있다.



# 입력 텍스트


   [BLOG](http://wickedmagica.tistory.com/ "사악미소")





# 출력 결과





그런데 위키의 경우 【【문서 이름】】 형식을 통해 비어 있는 위키 문서를 생성하는 하이퍼링크를 만들 수도 있다.


만약 하이퍼링크의 보이는 이름과 실제 작성할 윜키 문서 이름을 다르게 만들려면


【【링크에서 보이는 이름 | 위키 문서 이름】】 형식으로 작성할 수 있다.



위키 문서에서의 하이퍼 링크 작성 예는 다음과 같다.






#07. 이미지 삽입하기



이미지를 표현하는 방법은 링크 문법 앞에 느낌표 !만 붙이면 뒤에 입력한 인터넷 주소의 미지를 표시한다.




# 입력 텍스트


  ![사악](http://이미지_링크.png "wicked")





# 출력 결과







아쉽게도 이미지 크기를 조절하는 마크다운 기능은 존재하지 않는다.


따라서 이미지를 표시하기 전 이미지 크기를 미리 조절해야 한다.






#08. 특정 단어 강조하기



텍스트를 강조하는 방법에는 굵게 표시하는 방법과, 기울여 표시하는 방법 2가지가 있다.


굴게 표시하려면 ***텍스트***나 __텍스트__ 라고 작성하면 된다.




# 입력 텍스트


   ***텍 스 트***


   ___텍 스 트___





# 출력 결과





기울여 표시하려면 *텍스트*나 _텍스트_라고 작성하면 된다.




# 입력 텍스트


   *텍 스 트*


   _텍 스 트_




# 출력 결과






이 두가지를 조합해서 굴게 이울여 표시할 수도 있다.


**_텍스트_**, __*텍스트*__, *__텍스트__*, _**텍스트**_의 네가지 경우로 표시 가능하다.




# 입력 텍스트


   __두 개 연속으로 쓰면 굵게 표시__ 입니다. **이것 역시 굴게 표시됩니다.**


   _하나만 쓰면 기울여 표시_ 입니다. *이 역시 기울여 표시* 죠.


   **_텍 스 트_**


   __*텍 스 트*__


   *__텍 스 트__*


   _**텍 스 트**_





# 출력 결과








#09. 가로 실선 긋기



화면 전체를 가로지르는 가로선은 문자의 개수는 3개 이상이기만 하면 된다.




# 입력 텍스트


   ---


   ***


   ___






# 출력 결과






#10 탈출 문자




마크다운 문법을 나타내는 데는 일정한 기호를 사용한다.


그런데 이 기호를 기호 그대로 표시하고 싶다면 탈출 문자를 이용해야 한다.



기본적으로 그대로 표히사고 싶은 문자 앞에서 역 슬래시(\)를 붙이면 된다.


작성 예는 다음과 같다.




# 입력 텍스트


   __\*\WickedMiso\*\*__


   _\_saak\__





# 출력 결과








반응형
//