[Blog] Github Blog 사용을 위한 마크다운 문법 정리
줄바꿈
줄바꾸기 테스트 1
줄바꾸기 테스트 2
스페이스바 두번 + Enter
기본적인 줄 바꿈이다
그러나 마크다운에디터를 사용하면 그냥 Enter 만 처도 자동으로 줄바꿈이 되서 많이 사용할 일은 없는거같다.
마크다운 문법 표기
ex) ### 마크다운
사용법 : 마크다운 문법 앞 \ 을 쓴다.
ex) ### 마크다운 <- ### 와 글자 사이에 \ 가 들어가 있음
또는 코드블럭 을 만들어서 안에 넣는다, 코드블럭을 만드는 방법은 조금있다 알아 보겠다.
헤드라인
# h1
## h2
### h3
#### h4
##### h5
###### h6
h1 이 가장 크고 h6이 가장 작다.
나는 주로 h2 크기를 사용하는데, 왜나하면 헤드라인 이후 자동으로 구분선 이 그어저 보기 편하기 때문이다.
또한 헤드라인 지정 이후 github 블로그 jekyll 의 toc 를 활성화 시키면
블로그 맨 오른쪽에 있는 On This Page 목차가 활성화 되며
내가 지정한 헤드라인으로 바로갈수있어 편하다.
구분선
보통 헤드라인 뒤에 사용해 보기편하게 만드는 구분선이다.
* * *
***
******************
- - -
------------------
예시
텍스트
강조
**힘세고 강한 아침**
문장의 양옆에 ** (별표 두개!) 표기를 해준다
적용전
적용후
ex) 힘세고 강한 아침
기울임
*랄로와 기울어진 마라탕*
문장의 양옆에 * (별표 한개) 표기를 해준다
적용전
적용후 ex) 랄로와 기울어진 마라탕
취소선
~~나무위키 취소선 빌런~~
문장의 양옆에 ~~(두개!) 표기를 해준다
적용전
적용후
ex) 이러이러 해서 A한다. A가 아니다. 착각하지 말자 사실 B일지도 모른다. 그냥 다 아닐지도
밑줄
<u>아 롤하고 싶다.<u>
문장의 양옆에 <u> 표기를 해준다
적용전
적용후
글색
<span style="color:yellow">노란색</span>
color : 의 vaule 는
https://www.w3schools.com/tags/ref_colornames.asp
위의 사이트를 참고하여 원하는 색으로 바꿔보자
위의 사이트를 참고해 Coral 라는 컬러를 사용해봤다
응용
위에 나온걸 쓰까묵어 보자
~~***<u><span style="color:Coral">혼돈 파괴 그리고 망가</span></u>***~~
실시간 야붕이 ㅈ 됐다
코드블럭
사용법 : ```
위 처럼 블럭이 만들어지고 코드를 넣을수 있다.
따옴표랑 다르다 (‘) 이거랑 (`) 이거랑 다르니 주의!!!!
이건 `인라인코드` 다 .
문장을 강조 할때 사용가능.
print("Hello world")
보통 코드를 많이 넣는다
링크
[구글 홈페이지](https://www.google.com)
[]() 형태로 사용
이미지
이미지는 마크다운 에디터를 설치한뒤 드래그앤 드랍 하면 쉽게 이미지를 넣을 수 있다.
그러나 에디터를 사용하지 않는다면 …
 이걸 써보자
외부 사이트인 나무위키의 사진을 불러왔다. 지금은 잘 작동하지만 만약
외부 이미지의 주소가 변경된다면 사진이 짤릴것이다 따라서 되도록이면 로컬에 이미지를 만들어 올리도록 하자
### 응용 : 이미지에 링크 걸기
---
[ ](https://namu.wiki/w/%EA%B3%A0%EC%96%91%EC%9D%B4)
그냥 고양이 사진에 링크를 걸어 보았다.
## 유튜브 영상 첨부
```
내가 좋아하는 유튜버 “랄로”의 영상을 가지고 와 보았다.
영상을 우클릭으로 누른뒤 소스코드 복사를 해서 그대로 가지고 오면 잘 작동한다.
마무리
github 블로그를 사용하기 위하여 처음으로 마크다운 문법을 정리해 보았다.
내가 정리한 문법은 아주 일부분에 불과하여 아직 부족한 부분이 많기 때문에
앞으로 점차 배워 나가며 이 포스팅에 추가 할 것이다 .
봐줘서 감사합니다!!
ps. 2022 년 새해 복 많이 받으세요~~
댓글남기기