GitHub 블로그 만들기 (3) - 설정
GitHub 블로그 만들기 (3) - 설정
1. _config.yml 기본 설정
프로젝트 루트에 있는 _config.yml 파일을 텍스트 에디터로 열어서 수정.
1
nano _config.yml
1.1. 언어 및 시간대 (필수는 아님, 사이트를 한국어로 표기하기 위함)
1
2
lang: ko # 한국어로 설정
timezone: Asia/Seoul # 시간대를 서울로 설정
1.2. 블로그 제목 및 소개
1
2
3
4
title: My Blog # 사이드바 상단에 표시되는 블로그 이름
tagline: Welcome to my blog # 블로그 이름 아래 소개글
description: >- # SEO 및 RSS feed에 사용되는 설명
My personal blog about programming and technology.
1.3. URL 설정
1
url: "https://username.github.io" # 본인의 블로그 주소
2. 프로필 설정 (띄어쓰기에 유의)
2.1. GitHub 사용자명
1
2
github:
username: your-username # GitHub 사용자명
2.2. 소셜 정보
1
2
3
4
5
6
social:
name: Your Name # 포스트 작성자 및 푸터에 표시
email: your@email.com # 이메일 (선택)
links:
- https://github.com/your-username
# - https://twitter.com/your-username (사용하지 않을 것은 텍스트 처리)
3. 아바타 (프로필 이미지)
사이드바에 표시되는 프로필 이미지.
방법 1: 로컬 이미지 사용
이미지를 assets/img/ 폴더에 넣고 경로를 지정해줘야 함:
1
avatar: /assets/img/avatar.jpg #img 폴더는 없으면 만들면 됨.
방법 2: GitHub 프로필 사진 사용
1
avatar: https://github.com/your-username.png
이미지는 원형으로 잘려서 표기되기 때문에, 정사각형을 추천!
4. 테마 모드
라이트/다크 모드 설정:
1
2
3
theme_mode: # 비워두면 시스템 설정을 따름 (자동 전환)
# theme_mode: light # 항상 라이트 모드
# theme_mode: dark # 항상 다크 모드
5. About 페이지 수정
사이드바의 About 탭을 클릭하면 나오는 자기소개 페이지.
_tabs/about.md 파일을 수정해서 자기소개 내용을 변경:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
---
# the default layout is 'page'
icon: fas fa-info-circle
order: 4
---
## 안녕하세요!
저는 **Your Name**입니다.
### 관심 분야
- 프로그래밍
- 데이터 분석
- 기술 블로깅
### 연락처
- GitHub: [your-username](https://github.com/your-username)
- Email: your@email.com
front matter(
---사이 영역)는 수정하면 안됨.
6. 변경 후 확인
설정을 변경한 후 로컬 브라우저에서 미리 확인:
1
bundle exec jekyll serve
http://localhost:4000에서 변경사항이 반영되었는지 확인필요.
_config.yml을 수정한 경우, 로컬 서버를 반드시 재시작해야 반영됨.Ctrl + C로 종료 후 다시 실행할 것.
This post is licensed under CC BY 4.0 by the author.