1. 첫 포스팅😁
수 많은 블로그들 중 벨로그를 이용하는 이유는 마크다운 문법에 익숙해지기 위해서다.
그러니 첫 포스팅으로는 마크다운 문법을 정리해봐야겠다..!
2. 마크다운 문법 정리
2-1. 헤더
실제 표기
# H1
## H2
### H3
#### H4H1
=
H2
-화면
H1
H2
H3
H4
H1
H2
2-2. 호라이즌(수평선)
실제 표기
---
***
___(언더바도 가능, 근데 굳이??)화면
👆위에 선이 호라이즌👆
2-3. 글자 강조
실제 표기
*이탤릭체*, _이탤릭체2_
**Bold**, __Bold__
~~중간선~~
<u>밑줄</u>
화면
이탤릭체, 이탤릭체2
Bold, Bold
중간선
밑줄
2-4. 글자 색
html 문법으로 사용 가능!
실제 표기
<span style="color:red">red</span>
<span style="color:#d3d3d3">#d3d3d3</span>
<span style="color:rgb(245, 235, 13)">rgb(245, 235, 13)</span>화면
red
#d3d3d3
rgb(245, 235, 13)
2-5. 목록
실제 표기
1. 순서1
1-1. 순서 서브
2. 순서2
- 대시
* 별표
+ 더하기화면
- 순서1
1-1. 순서 서브 - 순서2
- 대시
- 별표
- 더하기
2-6. 체크박스✅
실제 표기
- [ ] 아침
- [ ] 아침 2
* [x] 점심
* [x] 점심 2
+ [X] 저녁
+ [X] 저녁 2화면
- 아침
- 아침 2
- 점심
- 점심 2
- 저녁
- 저녁 2
2-7. 코드 강조
실제 표기
`인라인 코드 강조` 그냥 텍스트
```
코드 블럭
```
자바스크립트 코드
```javascript
const solution = (x, n) => {
let ans = [];
for (let i = 0; i < n; i++) {
ans.push(x + x * i);
}
return ans;
};
```~~~
물결로 대체 가능
~~~화면
인라인 코드 강조 그냥 텍스트
코드 블럭자바스크립트 코드 하이라이트
const solution = (x, n) => {
let ans = [];
for (let i = 0; i < n; i++) {
ans.push(x + x * i);
}
return ans;
};물결로 대체 가능2-8. 인용문
실제표기
>인용문
>>중첩
>>>중첩*2
>>>>중첩*3
>>>>>계속 되나보네...
>>>>>>진짠가화면
인용문
중첩
중첩*2
중첩*3
계속 되나보네...
진짠가
2-9. 표
실제 표기
사|자|성|어
-|-|-|-(원하는 만큼 -개수 조절 가능)
일|석|이|조
개|과|천|선화면
| 사 | 자 | 성 | 어 |
|---|---|---|---|
| 일 | 석 | 이 | 조 |
| 개 | 과 | 천 | 선 |
2-10. 줄바꿈 & 탭
벨로그에서는 탭이나 띄어쓰기를 아무리 많이해도 적용이 안된다.
하지만 를 이용하면 띄어쓰기 효과를 중첩하여 사용가능하다.
실제 표기
줄<br>바<br>꿈
탭 탭 탭화면
줄
바
꿈
탭 탭 탭
2-11. 링크
실제 표기
[GOOGLE](https://google.com)
[NAVER](https://naver.com "링크 설명(title)을 작성하세요.")
[상대적 참조](../users/login)
문서 안에서 [참조 링크]를 그대로 사용할 수도 있습니다.
다음과 같이 문서 내 일반 URL이나 꺾쇠 괄호(`< >`, Angle Brackets)안의 URL은 자동으로 링크를 사용합니다.
구글 홈페이지: https://google.com
네이버 홈페이지: <https://naver.com>
[Dribbble][Dribbble link]
[GitHub][1]
[Dribbble link]: https://dribbble.com
[1]: https://github.com
[참조 링크]: https://naver.com "네이버로 이동합니다!"화면
문서 안에서 참조 링크를 그대로 사용할 수도 있습니다.
다음과 같이 문서 내 일반 URL이나 꺾쇠 괄호(< >, Angle Brackets)안의 URL은 자동으로 링크를 사용합니다.
구글 홈페이지: https://google.com
네이버 홈페이지: https://naver.com
2-12. 이미지🌠
화면 표기
![I can do it!][lie]
[lie]: https://i.pinimg.com/originals/08/18/6d/08186db0aa0ddafc3ccca4ce15f78000.jpg "Lie"
**이미지에 링크걸기**
[](https://velog.io)화면
이미지에 링크걸기
2-13. 이모지😘
윈도우 : 윈도우 키 + 마침표.
맥 : command + control + space bar
3. 마치며
첫 포스팅 재밌었지만 힘들었다....😂
하지만 마크다운 문법을 써보니 다른 블로그에서 포스팅하는 것보다 더 편하고 쉽게 이쁘게 꾸밀 수 있을 것 같네요ㅎㅎㅎ👍
💡출처
👉https://heropy.blog/2017/09/30/markdown/
👉https://velog.io/@yuuuye/velog-마크다운MarkDown-작성법
👉https://velog.io/@on-n-on-turtle/velog-띄어쓰기-여러번-또는-탭-공백-작성법
