내가 보려고 만드는 velog 작성법
🤔마크다운이란?
마크다운은 일반 텍스트 기반의 경량 마크업 언어다. 일반 텍스트로 서식이 있는 문서를 작성하는 데 사용되며, 일반 마크업 언어에 비해 문법이 쉽고 간단한 것이 특징이다
-위키백과-
📖마크다운 작성법
1. 제목(header)
h1부터 h6까지 표현할 수 있으며, # 의 개수로 표현 가능합니다.
2. 문단 간격(line spacing)
문단의 간격은 줄 바꿈으로 나타내며, 여러 번 줄 바꿈 시
<br/>
을 사용하면 가능합니다.
✍ 마크다운 작성 시
첫 번째 문단<br/><br/>
두 번째 문단
👉 결과
첫 번째 문단
두 번째 문단
3. 목록(list)
순서를 표기하는 목록 / 순서가 없는 목록 두 가지를 작성할 수 있습니다.
3.1 순서를 표기하는 목록
숫자와 .을 사용하여 작성합니다.
✍ 마크다운 작성 시
- 첫 번째
- 두 번째
- 세 번째
3.2 순서가 없는 목록
-, *, + 을 사용 하여 작성합니다. (셋 다 동일하게 작성됩니다.)
인라인 코드, 블럭 코드를 작성할 수 있으며 Tab키나 스페이스 바를 이용해 들여쓰기가 가능합니다.
✍ 마크다운 작성 시
- 순서 없는 목록 1
- 목록 1.1
- 목록 1.2
- 순서 없는 목록 2
Tab 두번 하면 코드 블럭을 만들 수 있어요.
* 순서 없는 목록 3
+ 순서 없는 목록 4
+ `인라인 코드 가능`
+ 들여쓰기(tab키 이용)를 하면 다른 모양으로 표현 됩니다.
👉 결과
- 순서 없는 목록 1
- 목록 1.1
- 목록 1.2
- 목록 1.1
- 순서 없는 목록 2
Tab 두번 하면 코드 블럭을 만들 수 있어요.
- 순서 없는 목록 3
- 순서 없는 목록 4
+인라인 코드 가능
+ 들여쓰기(tab키 이용)를 하면 다른 모양으로 표현 됩니다.
4. 폰트 스타일
굵게, 기울이기, 취소선 등 기본적인 스타일을 아래와 같이 작성할 수 있습니다.
✍ 마크다운 작성 시
__굵게__
**굵게**
_기울여 쓰기_
*기울여 쓰기*
~취소선~
~~취소선~~
👉 결과
굵게
굵게
기울여 쓰기
기울여 쓰기
~취소선~
취소선
5. 인용문
인용문을 작성할 때에는 >를 사용합니다.
✍ 마크다운 작성 시
> 인용문 작성하기
-작성자
> 인용문 작성하기
>> (>)의 갯수에 따라
>>> 중첩문 가능
👉 결과
인용문 작성하기
-작성자
인용문 작성하기
>
의 갯수에 따라중첩문 가능
>
의 갯수에 따라 중첩문 가능
6. 인라인 코드
백틱(`)을 사용하여 인라인 코드를 작성할 수 있습니다.
✍ 마크다운 작성 시
`인라인 코드는 이렇게 작성해요.`
👉 결과
인라인 코드는 이렇게 작성해요.
7. 여러 줄로 된 코드 블럭
백틱(`)을 세 개 사용하여 작성할 수 있습니다.
✍ 마크다운 작성 시
```
위 아래 3개로 감싸면 블럭으로 만들 수 있어요.
```
👉 결과
<h1>위 아래 3개로 감싸면 블럭으로 만들 수 있어요</h1>
<input type="button" value="Click!">
<script>
var name = prompt('Input your name!!');
document.write('Welcome ' + name);
</script>
🎨 코드 블럭 색 변경
작성하기 클릭 ➜ 추가설정 ➜ 코드블록 테마 선택 에서 변경
8. 링크(link)
인라인 링크와 url 링크, 참조 링크로 나타낼 수 있습니다.
✍ 마크다운 작성 시
인라인 링크는 아래처럼
[인라인 링크](https://velog.io/)
url 링크는 아래처럼
<https://velog.io/>
👉 결과
9. 수평선
*이나 -, _ 등을 3개 이상 입력하면 작성할 수 있습니다.
띄어쓰기를 중간에 삽입하여도 가능합니다. 다만, 하이픈-은 헤더로 인식할 수도 있으니 주의해서 사용할 필요가 있습니다.
✍ 마크다운 작성 시
***
-----
__ __ __ __ __ __ __
👉 결과
10. 이미지 링크
이미지 링크는 아래와 같이 작성할 수 있습니다.
✍ 마크다운 작성 시
![이미지 설명](이미지 링크)
![나는야 설명](https://어쩌구저쩌구)
이미지 크기는 10MB 이하만 가능합니다. (gif 포함)
사이즈 조절과 관련된 마크다운은 아직 적용이 되어있지 않은 것 같아요🙂
11. 테이블(Table)
테이블은 아래와 같이 작성합니다.
| 로 구분하며, <4. 폰트 스타일> 에서 이야기 했던 기본적인 스타일 적용이 가능합니다.
또한 -(하이픈)으로 구분된 곳 각각 왼쪽, 양쪽, 오른쪽에 :(세미콜론)을 붙일 경우 순서대로
왼쪽 정렬, 가운데 정렬, 오른쪽 정렬이 가능합니다.
✍ 마크다운 작성 시
| 이름 | 나이 | 성별 | 지역 |
|:----------|:----------:|----------:|----------:|
| 영수 | 20 | 남 | 미국 |
| 지은 | 21 | 여 | 한국 |
| 지우 | 22 | 여 | 남극 |
| 민준 | 23 | 남 | 북극 |
👉 결과
이름 | 나이 | 성별 | 지역 |
---|---|---|---|
영수 | 20 | 남 | 미국 |
지은 | 21 | 여 | 한국 |
지우 | 22 | 여 | 남극 |
민준 | 23 | 남 | 북극 |
12. 체크박스(Check Box)
-, *, + 뒤에 띄어쓰기 후 대괄호를 넣어 작성해주세요. 대괄호안에 띄어쓰기를 하면 빈 체크박스, x를 넣으면 체크된 체크박스가 생깁니다.
✍ 마크다운 작성 시
- [ ] 운동 하기
- [x] 강의 듣기
👉 결과
- 운동 하기
- 강의 듣기
13. 이모지🤗
작성된 글 중간중간에 보이는 이모지는 트위터 이모지입니다.
https://kr.piliapp.com/twitter-symbols/
아래 주소의 트위터 이모지를 복사 ➜ 붙여넣기 해서 사용하시면 됩니다.
단축키
window10: 윈도우 키 + 마침표(.)
mac: Command + Control + 스페이스 바
14. 글자 색상
html 태그를 이용하여 작성이 가능합니다.
✍ 마크다운 작성 시
<span style="color:red">빨강</span>
<span style="color:#d3d3d3">하양</span>
<span style="color:rgb(245, 235, 13)">노랑</span>
<span style=color:#800080>보라</span>
👉 결과
빨강
하양
노랑
보라
~내가 보려고 만드는 작성법~
https://velog.io/@yuuuye/velog-마크다운MarkDown-작성법 참고하여 작성하였습니다.
Author And Source
이 문제에 관하여(내가 보려고 만드는 velog 작성법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@leegaram/내가-보려고-만드는-velog-작성법저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)