[GitHub Blog] Markdown 문법 정리
Markdown 문법 이것저것
줄바꿈
줄바꿈은 스페이스바 2번 + Enter 를 해주면 된다.
줄바꿈은 <br> 로도 가능해요.
줄바꿈은
로도 가능해요.
문단 나누기
Enter를 두번 누르면 된다.
문단은 이렇게
나누어봅시다.
글머리
글머리 기호는 - 로 매겨줄 수 있다.
- 첫 번째
- 두 번째
- 세 번쨰
- 첫 번째
- 두 번째
- 세 번쨰
앞에 띄어쓰기 2번을 해주면 중첩된 구조도 가능하다.
- 첫 번째 구조 첫 번째 글
- 두 번째 구조 첫 번째 글
- 두 번째 구조 두 번째 글
- 세 번째 구조 첫번째 글
- 네 번째 부터는 기호 같음
- 첫 번째 구조 두 번째 글
- 첫 번째 구조 첫 번째 글
- 두 번째 구조 첫 번째 글
- 두 번째 구조 두 번째 글
- 세 번째 구조 첫번째 글
- 네 번째 부터는 기호 같음
- 세 번째 구조 첫번째 글
- 첫 번째 구조 두 번째 글
마크다운 문법을 그대로 보여주고 싶을 때
마크다운 문법 앞에 \를 붙여준다.
\<u>밑줄 안보이지?\</u>
<u>밑줄 안보이지?</u>
<u>밑줄 보이지?</u>
밑줄 보이지?
Header
Header는 toc를 이용함에 있어서 중요하다. 글의 구조도 Header를 이용하면 보다 잘 나타낼 수 있다.
# h1
## h2
### h3
#### h4
##### h5
###### h6
이거 인라인 박스 밖으로 쓰면 toc에 헤더가 쭉 등록될거기 때문에.. 이건 박스안에만 쓸게유.
텍스트
텍스트를 작성하면서 다양한 설정을 할 수 있다. 참고로 아래에 나올 옵션들은 다 동시에 적용 가능하다.
강조
**이렇게 하면 강조되지롱**
이렇게 하면 강조되지롱
기울임
*이렇게 하면 기울어진다*
이렇게 하면 기울어진다
***별 세개면 강조되고 기울어져요***
별 세개면 강조되고 기울어져요
취소선
~~이렇게 하면 취소되지롱~~
이렇게 하면 취소되지롱
밑줄
<u>이렇게 하면 밑줄쳐진당</u>
이렇게 하면 밑줄쳐진당
글씨 색
<span style = "color:gray">무슨색으로 바꿔볼까요</span>
<span style = "color:lime">라임색?</span>
<span style = "color:pink">핑크색?</span>
<span style = "color:yellow">노란색?</span>
<span style = "color:blue">파란색!</span>
무슨색으로 바꿔볼까요
라임색?
핑크색?
노란색?
파란색!
코드 블록
코드 블록은 깃허브 블로그의 매우매우 큰 장점중 하나이다. 물론 김상화 피셜 ㅎ
Inline 코드 블록
위에서 코드를 쓸때 사용했던 코드 블록이다.
이런거 말입니다
참고로 스페이스바 4번으로도 표현 가능하다 !
코드 블록
```언어 이름(소문자)
여기에는 쓸 코드
```
#include <iostream>
using namespace std;
int main()
{
cout « “Hello World !” « endl;
}
print("hello world!")
a <- 1
print(a)
순서대로 C++, Python, R이다. 대충 이런식으로 쓴다 ! 왕 편함 !
링크
링크 그 자체
<링크주소>
위와 같은 형식으로 적어주면 된다.
이름이 있는 링크
[링크이름](링크주소)
위와 같은 형식으로 적어주면 된다.
그림에 링크 걸기
[](링크)
위와 같은 형식으로 적어주면 된다.
인용문
>를 사용하면된다. 스페이스바 2번을 하고 >> 를 사용하면 인용문이 된다.
> 나는야 인용문
>> 나는야 중첩된 인용문
나는야 인용문
나는야 중첩된 인용문
리스트
순서가 없는 리스트
- 안녕
* 난
+ 순서가 없는
- 리스트
* 야
+ 이렇겐 안되고
+ 이렇게 되네
- 안녕
- 난
- 순서가 없는
- 난
- 리스트
- 오호
- 이렇겐 안되고
- 이렇게 되네
순서가 있는 리스트
1. 안녕
2. 난
1. 순서가 있어
- 안농
- 여기는
2. 여기 들어오려면
- 총 6번
3. 3번 띄어써야해
- 띄어써야해
- 안녕
- 난
- 순서가 있어
- 안농
- 여기는
- 여기 들어오려면
- 총 6번
- 3번 띄어써야해
- 띄어써야해
- 순서가 있어
사실 같은 숫자 1.으로 계속 적어도 된다
1. 1로만
1. 적어도
1. 알아서
1. 순서를
1. 표시해주죵
- 1로만
- 적어도
- 알아서
- 순서를
- 표시해주죵
체크리스트
- [ ] 체크박스
- [x] 체크되었죵?
- 체크박스
- 체크되었죵?
구분선
*** 이나 —로 표현한다.
***
---
테이블
- 정렬
-
왼쪽 정렬 :— -
오른쪽 정렬 —: -
가운데 정렬 :—:
-
| 이름 | 나이 | MBTI |
|---|---|---|
| 김상화 | 23 | ENTJ |
| 김민지 | 23 | ENFP |
| 박희주 | 23 | ISFP |
내용 숨기기
마크다운 문법은 아니지만 HTML을 사용하면 할 수 있다!
<details>
<summary>여기를 눌러보세요</summary>
<div markdown="1">
숨겨진 내용
</div>
</details>
참고로 위 예시 코드와는 다른 내용을 담아봤으니 다들 눌러보시길 ㅎ
한번 눌러보시죠
🎈상화의 오늘의 TMI🎈
오늘은 2021년 10월 7일이다.
난 오늘 점심에 산쪼메에 가서 라멘을 먹었다.
조금 짠걸 먹어서 그런가.. 초콜릿이 너무 먹고싶다.
나는 초콜릿중에 도브 초콜릿을 정말 좋아했다.
근데 어느날 부터 편의점에서 안보이더라..
요즘처럼 회사에 있는 날에는 퇴근하고 노을을 보며 드라이브를 하고싶다.
하지만 현실은 퇴근길 교통체증 + 피곤
그래도 주말에는 꼭 놀러가구 싶당
블로그를 시작하고 나니 이것저것 막 올리고싶다.
근데 뭘 써야하지? 막상 코드 한번 올리고나면 생각보다 기가 쏙 빨린다.
벌써 이것만해도 코드가 321줄이네 대박..
그럼 오늘의 TMI는 여기까지 !
버튼
링크부분을 #으로 두면 페이지 맨 위로 올라간다. 그걸 이용해서 버튼만들기 ~!
[누르면 위로 슝](#){: .btn .btn--primary }
포스팅 마무리
와.. 너무너무 길었다.. 하하하 벌써 330줄이 넘었다. 그래도 이걸 하고나니 이런저런 문법 한번씩 실습해본 느낌이라 좋다. 더 새로운걸 발견하면 그때그때 수정해서 쌓아보는걸로 ㅎ 마크다운 문법 마스터해보자! 화이띵 !
댓글남기기