깃헙 블로그 활용 정리

Jekyll 관련 명령어

제목 설정

title: 제목

포스팅 관련 날짜 설정

last_modified_at: 2019-12-07T15:46:43-04:00 # 마지막 업데이트 날짜를 보여줌

태그 및 카테고리 설정

tags: [default,]
categories: [default,]

오른쪽 사이드바에 내 컨텐츠에 대한 목차를 띄우기

toc: true
toc_label: "My Table of Contents"
toc_icon: "cog" # 내 컨텐츠에 대한 목차를 오른쪽에 띄워줌

글 요약

excerpt: "This post should [...]" # 글 요약

포스팅 앞에 오버레이

header:
  overlay_image: /assets/images/teaser_default.png # 오버레이 이미지
  #overlay_color: "#333"
  overlay_filter: 0.5 # same as adding an opacity of 0.5 to a black background
  caption: "귀여운 menharachan 보러가기! !(https://ghdic.github.io/assets/images/bio-photo.gif)" # 캡션 오른쪽 아래 글 새겨짐
  actions: # 다운로드 버튼도 생성 가능
    - label: "내 깃헙 바로 가기"
      url: "https://github.com/ghdic"

MARKDOWN 문법

제목

6가지 크기로 제목 표현 가능

# 제목1
## 제목2
### 제목3
...
###### 제목6

글씨 효과

이텔릭체는 *별표(asterisks)* 혹은 _언더바(underscore)_를 사용
두껍게는 **별표(asterisks)** 혹은 __언더바(underscore)__를 사용
**_이텔릭체_와 두껍게**를 같이 사용가능
취소선은 ~~물결표시(tilde)~~를 사용
<u>밑줄</u>은 `<u></u>`를 사용

목록

<ol>, <ul> 태그로 변환됨

1. aaa(번호 매기는 경우)
1. aaa
  - abc(서브)
  - acb
  - bac

1. aaa
  1. aaa(서브)
  1. bbb

- 순서가 필요하지 않는 경우
  - 대쉬
  * 별표
  + 더하기 다됨

링크

[GOOGLE](https://google.com)

[NAVER](https://naver.com "링크 설명(title)을 작성")

[상대적 참조](../users/login)

[Dribbble][Dribbble link]

[GitHub][1]

문서 안에서 [참조 링크]를 그대로 사용할 수도 있습니다.

다음과 같이 문서 내 일반 URL이나 꺾쇠 괄호(`< >`, Angle Brackets)안의 URL은 자동으로 링크를 사용합니다.
구글 홈페이지: https://google.com
네이버 홈페이지: <https://naver.com>

[Dribbble link]: https://dribbble.com
[1]: https://github.com
[참조 링크]: https://naver.com "네이버로 이동합니다!"

이미지

![엑박 or 시각장애인은 위한 대체 텍스트!](/../assets/images/bio-photo.gif "링크 설명(title)을 작성")

[![Vue](/images/vue.png)](https://kr.vuejs.org/) # 이미지에 링크

![Kayak][logo]

[logo]: /../assets/images/bio-photo.gif "To go kayaking."

코드 작성

코드가 한줄인 경우 탭위에 있는 `` 이용
코드가 여러줄일 시``` ```

표 작성

| 값 | 의미 | 기본값 |
|---|:---:|---:|
| `static` | 유형(기준) 없음 / 배치 불가능 | `static` |
| `relative` | 요소 자신을 기준으로 배치 |  |
| `absolute` | 위치 상 부모(조상)요소를 기준으로 배치 |  |
| `fixed` | 브라우저 창을 기준으로 배치 |  |

값 | 의미 | 기본값
---|:---:|---:
`static` | 유형(기준) 없음 / 배치 불가능 | `static`
`relative` | 요소 **자신**을 기준으로 배치 |
`absolute` | 위치 상 **_부모_(조상)요소**를 기준으로 배치 |
`fixed` | **브라우저 창**을 기준으로 배치 |

인용문

인용문(blockQuote)

> 남의 말이나 글에서 직접 또는 간접으로 따온 문장.
> _(네이버 국어 사전)_

BREAK!

> 인용문을 작성하세요!
>> 중첩된 인용문(nested blockquote)을 만들 수 있습니다.
>>> 중중첩된 인용문 1
>>> 중중첩된 인용문 2
>>> 중중첩된 인용문 3

수평선(경계선)

---
(Hyphens)

***
(Asterisks)

___
(Underscores)

줄바꿈

안녕

하세요(띄워쓰기 두번)