[블로그 설정] Jekyll Minimal-mistakes 테마로 블로그를 생성해보자!-(2)

3 분 소요

지난번 포스트Jekyll Minimal-mistakes 테마로 블로그를 생성해보자!-(1)에서는 테마를 포크해오고 기본적인 설정들을 하는 방법에 대해 설명하였습니다.
이번 포스트에서는 _config.yml파일을 수정하는 방법부터 설명을 하겠습니다.

| _config.yml 파일 수정하기

Minimal-mistakes Github 사이트에서 기본적으로 제공을 해주는 _config.yml 파일을 열어 수정해보겠습니다.

#Site Settings

# Site Settings
locale                   : "en-US"
title                    : "Site Title"
title_separator          : "-"
name                     : "Your Name"
description              : "An amazing website."
url                      : # the base hostname & protocol for your site e.g. "https://mmistakes.github.io"
baseurl                  : # the subpath of your site, e.g. "/blog"
repository               : # GitHub username/repo-name e.g. "mmistakes/minimal-mistakes"
teaser                   : # path of fallback teaser image, e.g. "/assets/images/500x300.png"

‘블로그 제목’, ‘블로그 이름’, ‘블로그 설명’ 등의 내용을 수정하면 됩니다.

#Site Author

사이드 바에 표기되는 사이트 운영자의 정보를 수정할 수 있는 부분입니다.

# Site Author
author:
  name             : "Your Name"
  avatar           : # path of avatar image, e.g. "/assets/images/bio-photo.jpg"
  bio              : "I am an amazing person."
  location         : "Somewhere"
  email            :
  links:
    - label: "Email"
      icon: "fas fa-fw fa-envelope-square"
      # url: mailto:your.name@email.com
    - label: "Website"
      icon: "fas fa-fw fa-link"
      # url: "https://your-website.com"
    - label: "Twitter"
      icon: "fab fa-fw fa-twitter-square"
      # url: "https://twitter.com/"
    - label: "Facebook"
      icon: "fab fa-fw fa-facebook-square"
      # url: "https://facebook.com/"
    - label: "GitHub"
      icon: "fab fa-fw fa-github"
      # url: "https://github.com/"
    - label: "Instagram"
      icon: "fab fa-fw fa-instagram"
      # url: "https://instagram.com/"

‘이름’, ‘프로필 사진’, ‘간단한 소개글’, ‘위치’, ‘이메일’ 등의 정보를 수정합니다. 프로필 사진의 경우는 사진을 저장해 놓은 경로를 적습니다. link: 의 하위 블록에는 사용하시는 sns의 주소를 #url의 주석을 없애주고 적어주면 됩니다.

  • 이때 url의 앞글자 u가 label의 l과 icon의 i의 위치와 동일하게 맞춰주면 됩니다.

블로그 하단에 위치하는 아이콘들로 수정해서 사용하면 됩니다.

# Site Footer
footer:
  links:
    - label: "Twitter"
      icon: "fab fa-fw fa-twitter-square"
      # url:
    - label: "Facebook"
      icon: "fab fa-fw fa-facebook-square"
      # url:
    - label: "GitHub"
      icon: "fab fa-fw fa-github"
      # url:
    - label: "GitLab"
      icon: "fab fa-fw fa-gitlab"
      # url:
    - label: "Bitbucket"
      icon: "fab fa-fw fa-bitbucket"
      # url:
    - label: "Instagram"
      icon: "fab fa-fw fa-instagram"
      # url:

#Defaults

_config.yml 파일의 제일 아래로 내려오면 Defaults 설정 부분이 있습니다.

# Defaults
defaults:
  # _posts
  - scope:
      path: ""
      type: posts
    values:
      layout: single
      author_profile: true
      read_time: true
      comments: # true
      share: true
      related: true

운영자 프로필을 보이게 할 것인가, 포스트를 읽는 시간의 표시를 하게 할 것인가, 댓글을 허용할 것인가, 공유 기능을 활성화 할 것인가 등의 값들을 수정할 수 있습니다.

| navigation.yml 수정하기

공식 Github 사이트에서 제공하는 코드입니다.

navigation.yml파일의 위치는 최상위 경로의 _data/ 폴더 안에 있습니다.

# main links
main:
  - title: "Quick-Start Guide"
    url: https://mmistakes.github.io/minimal-mistakes/docs/quick-start-guide/
  # - title: "About"
  #   url: https://mmistakes.github.io/minimal-mistakes/about/
  # - title: "Sample Posts"
  #   url: /year-archive/
  # - title: "Sample Collections"
  #   url: /collection-archive/
  # - title: "Sitemap"
  #   url: /sitemap/

navigation.yml파일은 상단의 네비게이션 메뉴들을 편집할 수 있는 부분입니다. 기본적으로는 Quick-stark Guide로 이동할 수 있는 메뉴만 적용된 상태입니다. 추가적으로 About이나 Sample Posts 등의 메뉴를 추가하려면

# main links
main:
  - title: "Quick-Start Guide"
    url: https://mmistakes.github.io/minimal-mistakes/docs/quick-start-guide/
  - title: "About"
    url: https://mmistakes.github.io/minimal-mistakes/about/
  - title: "Sample Posts"
    url: /year-archive/

이런식으로 수정하면 됩니다. title을 수정하면 메뉴의 이름이 변경되며 url을 수정하여 클릭시 이동하는 링크를 걸어줄 수 있습니다.

저의 경우에는 Quick-start Guide부분을 없애고 전체 카테고리와 포스팅한 글들을 보여주는 Category와 태그를 보여주는 Tags를 추가하였습니다.

main:
  - title: "About"
    url: /about/
  - title: "Category"
    url: /categories/
  - title: "Tags"
    url: /tags/

여기까지 따라오셨다면 블로그를 운영할 대략적인 상태가 되었습니다.

| Test Posting 하기

마지막으로 간단한 test posting을 해보고 이번 포스팅을 마무리하겠습니다. 우선 지난번에 생성했던 _posts 폴더로 이동해 파일을 생성합니다. 이때 파일의 이름은 2019-01-01-{제목}.md의 형태로 저장합니다. .md는 markdown 형식이란 뜻으로 markdown 사용법에 대해서는 나중에 간략히 포스팅하겠습니다.

그후 헤더를 작성한 후 내용을 적어주면 됩니다.


---
layout: single
title: "[블로그 설정] Jekyll Minimal-mistakes 테마로 블로그를 생성해보자!-(1)"
categories:
  - 그 외
tags:
  - jeykll
  - github
  - Minimalmistakes
  - blog
---

위의 헤더는 이전 포스팅의 헤더 입니다. 문서의 제목에 해당하는 title과 categories:에 해당하는 카테고리명, tags에 해당하는 다양한 태그들을 적어주면 됩니다. 이후 헤더 밑 부분에 원하는 내용을 적고 저장해줍니다.

---
layout: single
title: Test Posting
categories:
  - 그 외
tags:
  - jeykll
  - github
  - markdown
---
이 포스트는 테스트 포스트 입니다.

결과로 Test Posting 처럼 나옵니다!

다음 포스팅에서는 여러가지 카테고리 들에 대한 sidebar를 생성하는 방법에 대해 알아보도록 하겠습니다. 감사합니다!

카테고리:

업데이트:

댓글남기기

참고