티스토리 뷰

etc/IT

Markdown 문법(syntax) (2)

shjchad78 2018. 4. 17. 14:33

타이포라의 마크다운 문법을 확인하려면 메뉴 도움말 > Markdown Reference 를 선택하면 됩니다. Markdown (1) 에서 확인했던 마크다운 문법 외 다른 것들을 학습해 보려고 합니다.

티아포라는 Github Flavored Markdown 을 사용합니다.

Block Elements


Task List

업무 리스트는 아래와 같이 만들 수 있습니다.

- [ ] a task list item

Math Blocks

타이포라에서는 Mathjax를 이용하여 LaTeX 수학 표현을 제공합니다. $$ 를 기입하면 math block 이 만들어 집니다.


$$
\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
$$

공식을 표현하셔야 한다면 위키피디아에서 LaTex 표현을 배울 수 있습니다. Displaying a formula

Footnotes

각주(또는 주석) 표시는 다음과 같이 할 수 있습니다.


You can create footnotes like this[^footnote].

[^footnote]: here is the *text* of the **footnote**.

YAML Front Matter

Front-matter 는 파일 시작 시 작성하는 환경 설정 값입니다. 파일 최상단에 --- 을 기재 후 enter 를 치면 작성 블록이 생성됩니다. Front-matter 에는 YAML 또는 JSOM 이 있는데, 타이포라에서는 YAML Front Matter을 지원하고 있습니다. 이 부분은 저도 잘 모르는 부분이라 자세한 설명은 아래 링크에서 확인해 주세요.

Front-matter

Table of Contents (TOC)

[toc] 입력 후 enter 를 치면, 해더로 작성된 부분들이 목차로 나타납니다. 목차가 자동으로 생성되니 편리한 것 같습니다.

Diagrams (Sequence, Flowchart and Mermaid)

타이포라에서는 Sequence, Flowchart, Mermaid 와 같은 다이어그램을 지원합니다.

작성법은 여기에서 확인하실 수 있습니다.

Span Element


Internal Links

외부 링크 외에 내부 링크도 지원합니다. 이는 해더에 적용 가능합니다. 외부 링크와 동일한 형식으로, URL을 기입하는 () 안에 # + header 를 입력하면 내부 링크가 생성됩니다.(띄워쓰기한 해더의 경우 - 로 띄워쓰기를 대체합니다.)

[this link](#block-elements)

링크 이동은 ctrl 을 누른 상태에서 마우스 좌측 버튼을 클릭입니다.

Reference Links

참조 이동은 아래와 같이 작성할 수 있습니다.


This is [an example][id] referece-style link.

Then, anywhere in the document, you define your link label like this, in a line by itself.:

[id]: http://example.com/ "Optional Title Here"

동일한 링크를 자주 써야 할 때, 문서 내 id 로 참조 링크를 정의해 놓으면 매번 동일한 링크를 입력할 필요없이 id만 입력하면 링크가 적용되는 것을 확인할 수 있습니다.

Images

이미지 링크를 걸 때에는 제일 앞에 ! 추가하는 것 외에 URL 링크를 거는 것과 동일합니다.


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

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

그런데, 타이포라에서는 이미지 드래그&드랍이 가능해서 일일이 타이핑할 필요는 없을 것 같습니다. 이미지에 대한 추가 정보는 아래 링크에서 확인해 주세요.

Images in Typora

참고로, 타이포라에서 에버노트로 이미지를 복사 + 붙여넣기 하니 저장이 안되고 액박이 뜨게 됩니다. 아직 해결책은 못 찾았네요. 찾으면 업데이트 하도록 하겠습니다.(아마도 이미지도 경로 링크로 불러오는 것이라서 그런 것 같습니다.)

Strikethrough

물결표시~~로 문구를 감싸주면 문자에 가로 줄이 생성됩니다.

~~Mistaken text~~

Mistaken text

Underline

언더라인을 생성하는 문법은 아래와 같습니다.

<u>Underline</u>

Underline

Emoji

타이포라에서는 이모티콘도 제공하는군요. :smile: 을 입력하시면 이모티콘이 적용됩니다.

Inline Math

문장 내에 수학 공식 입력이 가능합니다. $ 를 감싸 형태로 작성하시면 적용이 됩니다.

$\lim_{x \to \infty} \exp(-x) = 0$

Subscript

아래첨자는 ~로 감싸주면 됩니다.

x~2~

x2

Superscript

윗첨자는 ^ 로 감싸주면 됩니다.

x^2^

x2

여기까지가 타이포라 참조에 나와있는 마크다운 수식입니다. 원래 마크다운을 쓰려는 이유가 수학 공식 때문이었기 때문에 다음에는 수학 공식을 공부해 보려고 합니다.


'etc > IT' 카테고리의 다른 글

Markdown 문법(syntax) (1)  (0) 2018.04.04
타이포라 Typora 사용기  (0) 2018.04.03
티스토리 에버노트 플러그인 적용하기  (0) 2018.04.03