typora 툴에서 md파일 작성 후 tistory의 markdown소스코드에 복붙했는데 완전 100% 적용되지는 않는 것 같지만 90%이상 호환이 되는 것으로 보인다.
markdown 사용법
1.목차
소스
[1.목차](#1.목차)
[2.글머리](#2.글머리)
[3.글씨체](#3.글씨체)
[4.목록](#4.목록)
[5.수평선](#5.수평선)
[6.링크](#6.링크)
[7.사진첨부](#7.사진첨부)
[8.코드블럭](#8.코드블럭)
[9.인용구](#9.인용구)
[10.수식](#10.수식)
[11.표](#11.표)
[12.각주](#12.각주)
결과
1.목차
2.글머리
3.글씨체
4.목록
5.수평선
6.링크
7.사진첨부
8.코드블럭
9.인용구
10.수식
11.표
12.각주
2.글머리
소스
# 글머리#1
## 글머리#2
### 글머리#3
#### 글머리#4
##### 글머리#5
###### 글머리#6
결과
글머리#1
글머리#2
글머리#3
글머리#4
글머리#5
글머리#6
3.글씨체
소스
**굵게** __굵게__
*기울임* _기울임_
~~취소선~~
<u>밑줄</u>
<u>~~**_조합_**~~</u>
결과
굵게 굵게
기울임 기울임
취소선
밑줄조합
4.목록
소스
1. 순차목록1
1. 순차목록2
+ 목록
- 하위목록
* 하위하위목록
+ 하위목록
1. 하위하위순차목록1
1. 하위하위순차목록2
결과
- 순차목록1
- 순차목록2
- 목록
- 하위목록
- 하위하위목록
- 하위목록
- 하위하위순차목록1
- 하위하위순차목록2
- 하위목록
5.수평선
소스
---
___
***
결과
6. 링크
소스
[네이버](http://www.naver.com "네이버 접속")
결과
7. 사진첨부
소스
![사진명](https://mblogthumb-phinf.pstatic.net/MjAxOTEwMTFfNjEg/MDAxNTcwNzg1ODM3Nzc0.zxDXm20VlPdQv8GQi9LWOdPwkqoBdiEmf8aBTWTsPF8g.FqMQTiF6ufydkQxrLBgET3kNYAyyKGJTWTyi1qd1-_Ag.PNG.kkson50/sample_images_01.png?type=w800 "사진설명")
결과
8.코드블럭
소스
```javascript
function save(){
var a = 1;
}
```
```html
<html>
<body>
<input type="text" value="test">
</body
</html>
```
결과
function save(){
var a = 1;
}
<html>
<body>
<input type="text" value="test">
</body
</html>
9.인용구
소스
>인용구1
>>인용구2
결과
인용구1
인용구2
10.수식
소스
$$
x = {-b \pm \sqrt{b^2-4ac} \over 2a}
$$
결과
$$
x = {-b \pm \sqrt{b^2-4ac} \over 2a}
$$
11.표
소스
|제목|내용|
|---|---|
|제목1|내용1|
|제목2|내용2|
결과
제목 | 내용 |
---|---|
제목1 | 내용1 |
제목2 | 내용2 |
12.각주
소스
[^각주명]: 각주내용
결과
'알아두면 좋은 IT 지식 > Technical Writing' 카테고리의 다른 글
테크니컬라이터가 되려면 무엇을 공부해야 할까? (1) | 2020.12.15 |
---|---|
테크니컬라이팅 작성언어, 작성도구 및 문서관리 (0) | 2020.12.15 |
asciidoc Tutorial (0) | 2020.11.26 |
테크니컬라이팅이란? (0) | 2020.11.23 |