[velog] 마크다운(markdown) 작성법 정리

알찬코·2023년 11월 21일
0

디자인

목록 보기
1/4
post-thumbnail

공식사이트에 정리된 마크다운이 없어 필요한 내용을 그때그때 업로드할 예정입니다.


1. 제목

h1: #
h2: ##
h3: ###
h4: ####
h5: #####
h6: ######

2. 목록

순서 O순서 X
1. / 2. / 3.- / * / +

2.1 하위 목록

- 하위 목록 1
space*4 - 하위 목록 2
tab - 하위 목록 3

3. 컨텐츠

3.1 여백

  • 줄바꿈
    	첫째 줄 <br/>
    	둘째 줄  
  • 띄어쓰기: &nbsp;

3.2 수평선

***

3.3 코드 블럭

tab : 하위목록은 한줄 띄고 tab 후 입력

```
내용 작성
```
``` 뒤에 html, css, javascript 등 언어 입력
코드 작성
```

3.4 인라인 코드

`인라인 코드`

3.5 폰트 스타일

**굵게**
*기울임*
~~취소선~~
<span style="color:색상코드;">글자 색상</span>
<u>밑줄</u>

3.6 기호

특수문자: 윈도우 키 + 마침표(.)
기호 그대로 표시해야 될 때: \특수문자

유니코드 문자: 특수 기호 사이트 접속

4. 이미지

![이미지 설명](이미지 링크) 또는
<img src="이미지 링크">

4.1 스타일

<img src="이미지 링크" height="높이" width="너비" style="float: 정렬; margin: 여백;">

4.2 링크 연결

[![이미지 설명](이미지 링크)](링크 주소 "링크 설명") 또는
[<img src="링크">](링크 주소 "링크 설명")

5. 표

| 헤더 | 제목 |
| --- | --- |
| 구분 | 내용 |

5.1 정렬

| 왼쪽 정렬 | 가운데 정렬 | 오른쪽 정렬 |
| :- | :-: | -: |
| 왼쪽 | 가운데 | 오른쪽 |

* chrome에서 정렬 안됨

6. 인용문

> 인용문 작성
>> 괄호 갯수에 따라 중첩으로 작성 가능

6.1 링크

url 링크: <링크 주소> //괄호 없어도 됨
인라인 링크: [제목](링크 주소)

6.2 외부 서비스 개체

기능 지원: youtube, twitter, codesandbox(프로젝트용), codepen(단순예제용)
1. 외부 서비스에서 공유 전용 소스코드를 복사
2. 벨로그 에디터에 붙여 넣으면 자동으로 변환
    * Codepen의 경우 iframe 형태의 소스 코드를 복사해야 함


📖 참고 자료

velog 마크다운(markdown) 작성법
Velog 글 작성법(Markdown 작성법 + 수식)
마크다운 문법정리
수식 입력 및 외부 서비스 개체 삽입 기능 업데이트
Velog [Markdown] 사용법
[velog 적응기] 마크다운(markdown) 작성법

0개의 댓글