딩굴댕굴

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

활동하기