마크다운(markdown)이 뭔데 그거 어떻게 하는건데

Bien·2022년 2월 11일
2
post-thumbnail

"마크다운 써"
"그게 뭔데"
"마크다운 쓰라고"
"그거 어떻게 하는건데"

벨로그를 하려면 알아야 한다는 마크다운에 대해 나만 보기 위해 정리해보려고 한다. 어차피 velog 하면서 계속 사용할테니 그때그때배워서 천천히 추가할 예정!

마크다운이란

마크다운(markdown)은 일반 텍스트 기반의 경량 마크업 언어다. HTML과 리치 텍스트(RTF) 등 서식 문서로 쉽게 변환되기 때문에 응용 소프트웨어와 함께 배포되는 README 파일이나 온라인 게시물 등에 많이 사용된다.
-위키백과-

📒제목 사용하기

Html에서 사용하는 h1부터 h6을 이용할 수 있다.

✍️ 마크다운 작성

# h1 사이즈 제목
## h2 사이즈 제목
### h3 사이즈 제목
#### h4 사이즈 제목
##### h5 사이즈 제목
###### h6 사이즈 제목

👉 결과

h1 사이즈 제목

h2 사이즈 제목

h3 사이즈 제목

h4 사이즈 제목

h5 사이즈 제목
h6 사이즈 제목

🧐 h1랑 h2는 이런 방법도 있다!

==은 h1, --h2를 사용해서 #를 대체할 수 있다. =,- 갯수는 중요하지 않다.
✍️ 마크다운 작성

h1
===
h2
-

👉 결과

h1

h2

생각해보니까 제목 보다 이미지 넣는 방법을 궁금해 할거 같다. 왜냐하면 내가 그랬...

📒이미지 링크 사용하기

이미지 링크는 이렇게 사용한다.
✍️ 마크다운 작성

![이미지설명](이미지링크)
![흠터레스팅](https://d3kxs6kpbh59hp.cloudfront.net/community/COMMUNITY/9ac2c4d9475042ed8252d229db1d826b/193351d2f8894ac29b8eb6757de09d61_1610085216.gif)

👉 결과는 위에서 확인.


✍️ 마크다운 작성

[![이미지 설명](이미지링크)](연결하려는 URL)
[![고양이](https://cdn.pixabay.com/photo/2017/02/20/18/03/cat-2083492_960_720.jpg)](https://pixabay.com/ko/)

👉 결과. 이미지를 누르면 https://pixabay.com/ko/ 로 이동한다.

📒인용 사용하기

>를 사용해서 인용을 표현할 수 있다. 중첩해서 사용도 가능하다.
✍️ 마크다운 작성

> 인용글 작성 1단
1단입니다.
>> 인용글 2단
2단입니다.
>>> 인용글 3단
3단입니다.

👉 결과.

인용글 작성 1단
1단입니다.

인용글 2단
2단입니다.

인용글 3단
3단입니다.

📒블럭 사용하기

코드블럭은 작성한 코드를 정리하고 강조하고 싶은 부분을 나타낸다. 인라인블럭 단위로 구분 할 수 있다.

✍️ 인라인 블럭 마크다운 작성

`(백틱)으로 감싸준다`

👉 결과
인라인 블럭


✍️ 블럭단위 마크다운 작성

위 아래로 `(백틱)을 3개 사용해서 감싸준다

👉 결과

결과

✍️ 코드블럭 마크다운 작성

```(백틱3개) + 사용할 언어 이름 
코드 내용
```(백틱3개)

```java 
public class helloWorld{
	public void main(String[] args) {
		System.out.println("Hello World");
	}
}

👉 결과

public class helloWorld{
	public void main(String[] args) {
		System.out.println("Hello World");
	}
}
사용언어작성방식
Javajava
Pythonpython
Kotlinkotlin
HTML,XMLhtml
CSScss
JavaScriptjavascript
SQLsql

🙄이 밖에도 사용 가능한 언어 목록은 더 많다. .

profile
🙀

0개의 댓글