[JEKYLL과 깃허브로 블로그 만들기] 검색 메뉴(Search)만들기

1. /_config.yml 파일 수정하기

1
search: true

위의 내용 추가

2. 완성

캡쳐

[JEKYLL과 깃허브로 블로그 만들기] 네비게이션 메뉴 (Navigation)만들기

1. /_data/navigation.yml 파일 만들기

1
2
3
4
5
6
7
main:
- title: "TECHNOLOGY"
url: /tec/
- title: "WORLD-TRIP"
url: /trip/
- title: "OTHERS"
url: /posts/

위의 내용 추가

2. 완성

캡쳐

[JEKYLL과 깃허브로 블로그 만들기] 콜렉션(Collection)만들기

1. /_config.yml파일 수정하기

1
2
3
4
collections:
trip:
output: true
permalink: /:collection/:path/

위의 내용 추가

1
2
3
4
5
6
7
8
9
10
11

defaults:
# _trip
- scope:
path: ""
type: trip
values:
layout: single
author_profile: false
share: true
related: true

위의 내용 추가

2. _pages/trip-archive.md 파일 만들기

1
2
3
4
5
6
7
8
9
10

---
title: 여행
layout: collection
permalink: /trip/
collection: trip
entries_layout: grid
classes: wide

---

3._/trip/post1.md 파일 만들기

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

itle: "Trip1"
excerpt: "첫번째 여행글 입니다.."
header:
image: /assets/images/별그림.png
#teaser: assets/images/unsplash-gallery-image-1-th.jpg
sidebar:
- title: "Role"
image: /assets/images/별그림.png
image_alt: "logo"
text: "Designer, Front-End Developer"
- title: "Responsibilities"
text: "Reuters try PR stupid commenters should isn't a business model"
gallery:
- url: /assets/images/별그림.png
image_path: /assets/images/별그림.png
alt: "placeholder image 1"
- url: /assets/images/unsplash-gallery-image-2.jpg
image_path: /assets/images/별그림.png
alt: "placeholder image 2"
- url: /assets/images/unsplash-gallery-image-3.jpg
image_path: /assets/images/별그림.png
alt: "placeholder image 3"
categories: [아시아, 한국, korea]
tags: [hot, summer]

---

이사진은 별그림 입니다
{% include gallery caption="This is a sample gallery to go along with this case study." %}

이건 마지막 글입니다.
ude gallery caption="This is a sample gallery to go along with this case study." %}

4. 완성

참고:https://jekyllrb-ko.github.io/docs/collections/

[JEKYLL과 깃허브로 블로그 만들기] 포스트(Post) 쓰기

1. /_posts/2019-01-01.md파일 생성하기

1
2
3
4
5
6
7
8
9
10

---
title: "테스트 포스팅"
date: 2017-10-20 08:26:28 -0400
categories:
- test
tags:
- test
---
## 안녕하세요.

2. 완성

캡처

[JEKYLL과 깃허브로 블로그 만들기] 지킬 테마 복사하기

1. 닉네임.github.io 레포지토리 만들기

위와 같이 닉네임.github.io 이름으로 public 레포지토리를 만듭니다.

캡쳐

2. 사용할 템틀릿 정하기

여기서(jekyll-theme){: target=”_blank”} 원하는 테마프로젝트를 선택합니다.

minimal-mistakes 테마를 선택하였습니다.

캡쳐

3. _config.yml 파일 복사하기

remote_theme : mmistakes/minimal-mistakes추가 및 수정하기

이미지

4.index.html 복사하기

1
---layout: home---

위와 같이 index.html파일을 만듭니다.

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×