728x90
728x90

Syntex (문법)

1. Title (제목)

#문자를 입력하고 제목을 입력. # 1개 사용시 가장 큰 폰트의 제목이 할당되고, 숫자가 늘수록 줄어듬.

  • #는 <h1>태그에 해당함.
  • ##는 <h2>태그에 해당함.

2. Horizontal line

---로서 -(dash)를 세번 붙여서 입력하면 됨. <hr/>태그와 같음.

---
***
  • 위에서 보이듯이 *를 세번 연달아 입력해도 같음.

3. Bold (굵은 글씨)

**로 굵은 글씨로 표시될 부분을 감싸면 됨. (_ 도 가능)

이것은 **테스트**입니다.

이것은 테스트입니다.

4. Italic

* 로 이탤릭체로 표시될 부분을 감싸면 됨. (_ 도 가능)

이것은 *이탤릭체*입니다.

이것은 이탤릭체입니다.

5. Cancel line (취소선)

~ 로 취소선이 표시될 부분ㅇ르 감싸면 됨.

이것은 ~취소선~ 테스트입니다.

이것은

취소선

테스트입니다.

Bold, Italic, Cancel line은 서로 중첩하여 사용가능함.

6. Under line

마크다운에선 지원하지 않아서 <u>태그를 사용함.

이것은 <u>밑줄</u> 테스트입니다.

이것은 밑줄 테스트입니다.

7. New line

한 줄의 끝에 space를 2번 입력하고 엔터입력.

첫 줄입니다.[space][space][enter]
두번째 줄입니다.

첫 줄입니다.
두번째 줄입니다.

8. BlockQuote (인용문)

>문자를 입력하고 한 칸 띄고 인용문의 내용을 입력
> 테스트

테스트

  • 인용문 안에서 다른 markdown의 element도 사용가능함.

9. Code (inline code)

내용 중에 코드를 삽입하는 경우.(코드 부분은 그대로 출력됨)

이것은 `print('test')` 처럼 inline code테스트임.

이것은 print('test') 처럼 inline code테스트임.

10. Code (block code)

특정 문단으로 코드를 삽입하는 경우에는 backtip을 3개 연달아 사용.

```
import numpy as np

print(np.__version__)
```
import numpy as np

print(np.__version__)
  • 시작하는 3개의 backtip 뒤에 python이나 c와 같이 코드 구문강조를 위한 코드 종류를 표기해도됨.
  • 2021.09.06 현재 tistory의 마크다운에선 지원하지 않음.

11. List (목록)

숫자가 매겨진 list는 숫자와 .를 입력하고 한 칸 띄어 해당 내용을 입력.

1. test0
2. test1
  1. test0
  2. test1

bullet list는 *를 입력하고 한 칸 띄어 해당 내용을 입력. (-,+ 도 가능)

* test0
* test1
  • test0
  • test1

아래와 같이 여러 레벨의 list도 가능

* test0
  * sub-item 0-0
  * sub-tiem 0-1
* test1
  * sub-item 1-1
  * sub-tiem 1-2
  • test0
    • sub-item 0-0
    • sub-tiem 0-1
  • test1
    • sub-item 1-1
    • sub-tiem 1-2

12. Link (or Hyper-link)

특정 URL에 대한 link는 다음과 같이 만듬.

[보여질내용](url)

실제 마크다운 문서에서는 보여질내용만 보이고, 해당 글을 클릭하면 지정된 url로 이동함.

 

[가천대홈페이지](gachon.ac.kr)

가천대홈페이지

[mailto: dsaint31](dsaint31@gachon.ac.kr)

mailto: dsaint31

[link title][id]
[id]: url "optional title"

[Google][1]
[1]: https://www.google.com "Go to Google"

  • tistory등의 마크다운에선 동작하지 않음.

13. Image

본문중에 이미지 삽입도 가능함.

![대체텍스트](이미지url)
![gaussian](https://search.pstatic.net/sunny/?src=https%3A%2F%2Fi.stack.imgur.com%2FRqai1.png&type=l340_165)

gaussian

  • 아직까지 image에 대한 삽입에서 정렬이나 크기 지정은 <img>태그등을 이용하는게 나음.

다음과 같이 확장된 markdown 이 지원되는 경우도 있음.

![대체text](img_URL){style="display: block; margin:0 auto; width:500px"}

14. Table

아래의 예를 보면 이해할 수 있음.

  • notion에선 안됨. ==;;
  • 기본정렬은 왼쪽정렬임. 
    | 기본정렬되는 열의 제목 | 가운데 정렬되는 열의 제목 | 오른정렬되는 열의 제목 |
| --- | :---: | ---: |
| hi | hello | 안녕 |
| **hi** | **hello** | **안녕** |
    기본정렬되는 열의 제목 가운데 정렬되는 열의 제목 오른정렬되는 열의 제목
    hi hello 안녕
    hi hello 안녕

 

'Computer > Blog, Markdown, Latex' 카테고리의 다른 글

Tistory: 설정 202501  (0) 2025.01.02
[Blog] Tistory 의 hELLO 스킨: 글머리기호 글 들여쓰기  (0) 2024.12.16
Tistory에 수식 넣기  (0) 2021.09.07

티스토리툴바