TIL - 22.05.03 git 마크다운

개발자 macan·2022년 5월 3일
0

개발 - 공부

목록 보기
12/28

마크다운이란?

  • 웹상에서 글을 쓰는 모든 사람들을 위한 글쓰기 도구(서식, 포맷, 양식)
  • HTML을 모르더라도 해당 형식으로 변환시켜 줌
  • 간단한 문법으로 글쓰기에 집중 할 수 있도록 도와준다.
  • 간단하기에 모든 HTML을 지원하지는 않는다.

velog도 마크다운으로 글을 작성할 수 있는 플랫폼.

마크다운 태그

  1. 가볍게 종류 먼저 보고 가도록 하자.
제목 : # , =====
인용 : >
강조 : * , _
링크 : [텍스트](주소 "설명 생략가능")
이미지 : ![텍스트](이미지주소 "설명 생략가능")
리스트 : 1 , * , - , +
코드표시 : <code>코드</code> , 한줄 띄우고 스페이스 4칸 , ```코드```
줄바꿈 : 엔터 2번 , 강제 줄바꿈은 문장끝에 스페이스바 2칸
가로선 : ----- , ***** , +++++

제목(타이틀)

작성 방법
# 제목1 : HTML의 <h1> 태그
## 제목2 : HTML의 <h2> 태그
### 제목3 : HTML의 <h3> 태그
#### 제목4 : HTML의 <h4> 태그
##### 제목5 : HTML의 <h5> 태그
###### 제목6 : HTML의 <h6> 태그
 
제목1
=====
제목2
-----
작성 예시

제목1 : HTML의 h1 태그

제목2 : HTML의 h2 태그

제목3 : HTML의 h3 태그

제목4 : HTML의 h4 태그

제목5 : HTML의 h5
제목6 : HTML의 h6 태그

제목1

제목2

인용구문

작성 방법
> ### 제일 바깥의 인용
>> ** 인용의 인용 **
>>> _인용의 인용의 인용_
 
>>인용의 인용

링크와 이미지 삽입

작성 방법
HTML의 <a href="http://www.example.com" alt="설명문구 생략가능">링크</a>
 
이것은 [링크](http://www.example.com) 입니다.
이것은 [링크](http://www.example.com "설명문구 생략가능") 입니다.
이것은 [구글 링크][1] 입니다.
이것은 [마이크로소프트 링크][b] 입니다.
이것은 [애플 링크][three] 입니다.
 
[1]: https://www.google.co.kr "구글"
[b]: https://www.microsoft.com/ko-kr/ "마이크로소프트"
[three]: http://www.apple.com/kr/ "애플"

링크와 이미지 삽입

작성 방법
순서 있는 리스트 : HTML의 <ol><li>번호</li></ol>

순서 없는 리스트 : HTML의 <ul><li>번호</li></ul>

박스로 감싸기

작성방법
스페이스를 4번 누른 후 글을 씁니다.
또는

사이에 글을 씁니다.

 
\` 기호는 키보드에서 `숫자 1번 옆`의 글자키 입니다.

출처: https://thisblogbusy.tistory.com/entry/마크다운Markdown-이란 [하루 한가지 배우기]

profile
개발자로 첫걸음

0개의 댓글