블로그 작성 방법
포스트
취소

블로그 작성 방법

🙂 블로그 작성 및 커스터마이징 방법

1. 게시글 작성 방법

여기 참고

2. 페비콘 커스터마이징 방법

여기 참고

3. markdown 작성 방법

여기 참고

😯 Front Matter 작성 방법

1
2
3
4
5
6
7
8
9
10
11
12
13
---
# "layout: post"는 생략 가능
title: 게시글 제목
author: 1-blue
date: 2022-11-07 21:06:00 +900
categories: [상위 카테고리, 하위 카테고리]
tags: [태그1, 태그2, 태그3, 태그4]
image:
  path: /assets/img/thumbnail.png
  width: 800
  height: 500
  alt: 임시 이미지 테스트.
---

1. author 설정 방법

1
2
3
4
5
6
7
8
9
10
11
12
## 참고 URL › https://github.com/jekyll/jekyll-seo-tag/blob/master/docs/advanced-usage.md#setting-author-url
## "_data/authors.yml"에 아래와 같은 형식으로 작성
# -------------------------------------
# {author_id}:
#   name: {full name}
#   url: {homepage_of_author}
#   twitter: {twitter_of_author}
# -------------------------------------

admin:
  name: 박상은
  url: https://github.com/1-blue

2. date 작성 방법

1
2
3
4
---
# +900은 UTC(세계 표준 시간)기준으로 입력해야 하기 때문에 +900
date: 년-월-일 시-분-초 +900
---

3. categories 작성 방법

1
2
3
---
categories: [상위 카테고리, 하위 카테고리]
---

배열 형태로 최대 2개까지 입력 먼저 입력한 카테고리가 상위 카테고리

4. tags 작성 방법

1
2
3
---
tags: [태그1, 태그2, 태그3, 태그4]
---

배열 형태로 입력 개수의 제한이 없음

🤨 몰랐던 or 여기서 적용되는 마크다운 문법

1. 몰랐던 마크다운 문법

1.1 리스트에 체크박스

1
2
3
4
- [ ] Job
  - [x] Step 1
  - [x] Step 2
  - [ ] Step 3
  • Job
    • Step 1
    • Step 2
    • Step 3

1.2 제목과 내용

1
2
Moon
: the natural satellite of the earth, visible by reflected light from the sun
Moon
the natural satellite of the earth, visible by reflected light from the sun

1.3 링크

1
<https://github.com>

https://github.com

2. 여기서 적용되는 마크다운 문법

2.1 인용절 종류별로 사용

1
2
3
4
<!-- "tip", "info", "warning", "danger" 사용 가능 -->

> An example showing the `tip` type prompt.
{: .prompt-tip }

An example showing the tip type prompt.

2.2 이미지 위치 조정 및 캡션 달기

1
2
3
4
<!-- 👇 이미지 지정 및 넓이( width ), 높이( height ), 크기 ( w-number ), 그림자( .shadow ), 정렬 ( .normal ) float 설정( .left, .right ) -->
![Desktop View](/assets/img/thumbnail.png){: width="400" height="400" w-50 .normal }
_Full screen width and center alignment_
<!-- 👆 캡션 -->

Desktop View Full screen width and center alignment

이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.