개인 공부

Typora 블록 요소 문법

JJJAEOoni 2022. 3. 19. 16:50
반응형

단락 및 줄 바꿈

단락은 단순히 하나 이상의 연속된 텍스트 줄이다.

마크다운 소스 코드에서 단락은 두 개 이상의 빈 줄로 구분된다.

ReturnTypora에서는 새 단락을 생성하기 위해 하나의 빈 줄(한번 누름)만 있으면 된다.

 

헤더

헤더는 헤더 수준 1~6에 해당하는 행 시작 부분에 1~6개의 해시(#)문자를 사용한다.

# This is an H1
## This is an H2
###### This is an H6

 

인용구

마크다운은 블록 인용에 이메일 스타일의 > 문자를 사용한다.

다음과 같이 표시된다.

> This is a blockquote with two paragraphs. This is first paragraph.
>
> This is second paragraph. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.



> This is another blockquote with one paragraph. There is three empty line to separate two blockquotes.

타이포라에서 '>' 다음에 인용 내용을 입력하면 인용 블록이 생성된다.

타이포라는 적절한 '>' 또는 줄 바꿈을 삽입한다.

'>' 수준을 추가하여 블록 따옴표(다른 블록 따옴표 안의 블록 따옴표)를 중첩한다.

 

 

기울기

입력 *

*을 입력하면 정렬되지 않은 목록이 생성된다. (* 기호는 +또는 -로 대체될 수 있다.)

 

입력 1.

1. 을 입력하면 정렬된 목록이 생성된다.

## un-ordered list
* Red
* Green
* Blue

## ordered list
1. Red
2. Green
3. Blue

 

작업 목록

작업 목록은 [ ] 또는 [x] (불완전 또는 완료) 로 표시된 항목이 있는 목록이다.

- [ ] a task list item
- [ ] list syntax required
- [ ] normal **formatting**, @mentions, #1234 refs
- [ ] incomplete
- [x] completed

항목 앞의 체크 박스를 클릭하여 완료/미완료 상태를 변경할 수 있다.

 

 

(펜스) 코드 블록

타이포라는 원래 코드 블록 스타일이 아닌 GitHub Flavored Markdown의 울타리만 지원한다.

울타리를 사용하는 것은 쉽다.

```(백틱)을 입력하고 코드를 입력하고 return한다.

``` 뒤에 선택적 언어 식별자를 추가하면 타이포라가 구문 강조 표시를 통해 이를 실행한다.

Here's an example!

```javascript
function test() {
	console.log("notice the blank line before this function?")
}
```

``` ruby
require 'redcarpet'
markdown = Redcarpet.new("Hello World")
puts markdown.to_html
```

 

 

테이블

Standard Markdown은 GFM을 포함하여 테이블 지원을 추가하기 위해 여러가지 방법으로 확장되었다.

타이포라는 그래픽 인터페이스를 통해 이를 지원하거나 소스 코드를 직접 작성한다.

입력 | First Header | Second Header | 하고 return 키를 누른다.

이렇게 하면 두 개의 열이 있는 테이블이 생성된다.

 

표가 생성된 후 해당 표에 포커스를 두면 표의 크기를 조정하거나 정렬하거나 삭제할 수 있는

표에 대한 도구 모음이 열린다.

컨텍스트 메뉴를 사용해 개별 열/행을 복사 및 추가, 삭제할 수도 있다.

 

테이블에 대한 전체 구문은 아래에 설명되어 있지만, 테이블에 대한 마크다운 소스 코드는

타이포라에서 자동으로 생성되므로 전체 구문을 자세히 알 필요는 없다.

 

마크다운 소스 코드에서는 다음과 같다.

| First Header | Second Header |
| ------------ | ------------- |
| Content Cell | Content Cell  |
| Content Cell | Content Cell  |

링크, 굵게, 기울임꼴 또는 취소선과 같은 인라인 마크다운을 테이블에 포함할 수도 있다.

머리글 행에 콜론(:)을 포함하여 해당 열의 텍스트를 왼쪽 정렬, 오른족 정렬 또는 가운데 정렬로 설정할 수 있다.

| Left-Aligned  | Center Aligned  | Right Aligned |
| :------------ | :-------------: | ------------: |
| col 3 is      | some wordy text |         $1600 |
| col 2 is      |    centered     |           $12 |
| zebra stripes |    are neat     |            $1 |

 

 

각주

MultiMarkdown은 표준 마크다운을 확장하여 각주를 추가하는 두 가지 방법을 제공한다.

You can create footnotes like this[^fn1] and this[^fn2].

[^fn1]: Here is the *text* of the first **footnote**.
[^fn2]: Here is the *text* of the second **footnote**.

'fn1' 또는 'fn2' 첨자 위로 마우스를 가져가면 각주의 내용을 볼 수 있습니다.

각주 표시로 좋아하는 고유 식벽을 사용할 수 있습니다.(예 : "fn1")

 

 

수평 규칙

*** 또는 --- 빈 줄에 입력 하고 return키를 누르면 수평선이 그려진다.

***
---

 

 

목차(toc)

[toc] 하고 return 키를 눌러 "목차" 섹션을 만든다.

TOC은 문서에서 모든 헤더를 추출하고 문서에 새로운 헤더를 추가하면 해당 내용이 자동으로 업데이트된다.

반응형