딩굴댕굴

Github Pages 03. Codinfox-Lanyon 커스터마이징 설정

by jennysgap

Codinfox-Lanyon 커스터마이징 설정

1. 불필요한 파일 삭제

$ cd codinfox-lanyon
$ rm -rf .editorconfig README.md \_posts

2. _posts, _drafts 폴더 생성

  • _drafts : 포스트 초안이 담기는 곳. 배포되지 않고 테스트 환경에서 보기가 가능.
  • _posts : 배포될 포스트들이 담기는 곳.
$ mkdir \_drafts \_posts

3. _includes 수정

_includes/head.html

<!-- 수정 전-->
{{ site.title }} · {{ site.tagline }}
<!-- 수정 후-->
{{ site.tagline }}

_includes/sidebar.html

  • 프로필 이미지 수정
  • 프로필 상세 공지 추가
  • 라이센스 삭제
  • Currently version 삭제

4. _layouts 수정

_layouts/default.html

<!-- 수정 전-->
<a href="{{ site.baseurl }}/" title="Home" title="{{ site.title }}">
</a>
<small>{{ site.tagline }}</small>
<!-- 수정 후-->
<a href="{{ site.baseurl }}/" title="{{ site.title }}">
<small id="blog-title">{{ site.tagline }}</small>
</a>

_layouts/post.html

<!-- 수정 전-->
<span class="post-date">{{ page.date | date_to_string }}</span>
<!-- 수정 후-->
<span class="post-date">{{ page.date | date_to_string }}</span>
<a href="{{ site.baseurl }}{{ post.url }}#disqus_thread"></a>

5. _scss 수정

_scss/_config.scss

  • 블로그 폰트 설정
/* 수정 전 */
$blue: #6a9fb5;
$title-color: #313131;
$font-sans: "PT Sans", Helvetica, Arial, sans-serif;
/* 수정 후 */
$blue: #1B6EC4;
$title-color: #343a40;
$font-sans: NanumSquare, "Source Sans Pro", "Apple SD Gothic Neo", "Nanum Barun Gothic", "Nanum Gothic", Verdana, Arial, Dotum, sans-serif;

_scss/base/_global.scss

/* 수정 전 */
font-family: $font-serif;
/* 수정 후 */
font-family: NanumSquare, "Source Sans Pro", "Apple SD Gothic Neo", "Nanum Barun Gothic", "Nanum Gothic", Verdana, Arial, Dotum, sans-serif;

6. _config.yml 파일 수정

public 폴더 이미지 수정

  • logo.png
  • apple-touch-icon-precomposed.png
  • favicon.ico
  • favicon.png

Site Info 설정

title: [블로그 타이틀]
tagline: [블로그 부제목]
description: [블로그 설명]
baseurl: ''
url: https://[깃허브ID].github.io/
logo: '/public/logo.png'

 

About/contact 설정

# About/contact
author:
name: [이름]
description: [아무거나]
contact:
# linkedin: <hide>
github: https://github.com/[깃허브ID]
# facebook: <hide>
# twitter: <hide>
# weibo: <hide>
email: mailto:[이메일ID]@gmail.com

Navigation 설정

# Navigation (2nd level links supported)
nav:
Home:
- '/blog/'
Today I Learned:
- '/'
# - { Categories: '/blog/categories/' }
# - { Tags: '/blog/tags/' }
- { Github Pages: '/blog/categories/#Github_Pages'}
- { Git: '/blog/categories/#Git'}
About:
- '/about/'
Search:
- '/search/'

Puglins 설정

# Puglins
mathjax: true # whether support mathjax
google_analytics_token: '' # leave blank if you don't want google analytics
disqus_short_name: '' # leave blank if you don't want disqus
블로그의 프로필 사진

블로그의 정보

jennysgap

jennysgap

활동하기