깃허브 블로그 만들기 - jekyll serve 하기까지 오류 해결하기

직전 글에서 루비 문제 해결하고 

다시 gem install bundler하니까 잘 된다 

 

 

https://gaopinghuang0.github.io/2017/10/22/jekyll-theme-and-github-pages

Using Jekyll Themes and hosting on Github.io · Gaoping Huang's Blog

그럼 이제 이걸 따라하면서 

serve를 성공해보려고 한다. 

 

Install Jekyll and Jekyll themes

Jekyll is a static-website generator. Install Jekyll using gem install jekyll bundler. (Note that bundler is a package manager for ruby, similar to npm for node.js. Its config file is called Gemfile. You can ignore it right now.)

gem install jekyll bundler.

gem은 nodejs의 npm처럼 패키지 설치 명령어다. 

그래서 jekyll이랑 bundler를 설치하는 명령어인것 

앞에서 ruby문제만 해결되면 이건 아마 잘 될 것 

Installing ri documentation for terminal-table-2.0.0

Parsing documentation for jekyll-4.2.0

Installing ri documentation for jekyll-4.2.0

Done installing documentation for public_suffix, addressable, colorator, eventmachine, http_parser.rb, em-websocket, concurrent-ruby, i18n, ffi, sassc, jekyll-sass-converter, rb-fsevent, rb-inotify, listen, jekyll-watch, kramdown, kramdown-parser-gfm, liquid, mercenary, forwardable-extended, pathutil, rouge, safe_yaml, unicode-display_width, terminal-table, jekyll after 59 seconds

26 gems installed

잘된당 

 

 

 

 

 

 

Although it is necessary to read the docs, I think it is faster to start with a good theme created by others.

Jekyll themes can be found at http://jekyllthemes.org/. I prefer Tale and use it as the theme of this site. Go and download the folder. You can rename the folder, such as tale-blog.

Below shows the directory structure of tale-blog:

제킬 org 사이트에 가면 다양한 테마가 있는데 하나 골라라 

여기서 해볼 테마는 tale인데 일단 들어가서 git clone 해오삼 (zip unzip해도 되고)

http://jekyllthemes.org/themes/tale/

Tale

 

그다음에 들어가서 jekyll serve를 바로 하면 아마 에러가 날 거다 

그 이유는 config파일이 jekyll 최근 버전이랑 안 맞아서 

 

 

따라서 _config.yml을 아래 형식으로 바꾸기 

# Permalinks
permalink:      /:year-:month-:day/:title

# Setup
title:          My Blog
paginate:       5
baseurl:        ''
url:            "https://username.github.io"

# Assets
sass:
  sass_dir:     _sass
  style:        :compressed

# Build settings
markdown:       kramdown

# About
author:
  name:         FirstName LastName
  email:        example@gmail.com

# Gems -> plugins
plugins:
  - jekyll-paginate

그리고 나서 또 jekyll serve 해보자 

 

오류가 생길 수 있다. 

내가 생긴 오류들 : 

1. rake 

https://github.com/rails/rails/issues/33271

Could not find rake-12.3.1 in any of the sources · Issue #33271 · rails/rails

ot find gem 'rake (~> 12.3.3)' in locally installed gems. (Bundler::GemNotFound)

The source contains the following versions of 'rake': 12.3.2

➜  tale-master vi _config.yml 

➜  tale-master vi Gemfile

Gemfile에 들어가서 gem 'rake', '12.3.1'이라고 치기

 

그리고 나서 bundle install 

bundle install하면 젬파일에 있는 번들을 다 설치했는지 확인?하고 없다면 설치해주는 듯 

성공적으로 설치했다는 메시지가 뜰 것

 

그리고 나서 jekyll serve하면 

조금 달라진다 

 

 

 

jekyll serve라고 치면 

Liquid Exception: Liquid syntax error (/Users/a/Downloads/tale-master/_includes/head.html line 5): Unknown tag 'seo' included in /Users/a/Downloads/tale-master/_layouts/default.html

                    ------------------------------------------------

      Jekyll 4.2.0   Please append `--trace` to the `serve` command 

                     for any additional information or backtrace. 

                    ------------------------------------------------

빨간색으로 나오는데 이거도 구글에 치면 

tag에 맞춰서 bundle을 추가하라고 함 

➜  tale-master gem install jekyll-seo-tag 

Successfully installed jekyll-seo-tag-2.7.1

Parsing documentation for jekyll-seo-tag-2.7.1

Installing ri documentation for jekyll-seo-tag-2.7.1

Done installing documentation for jekyll-seo-tag after 0 seconds

1 gem installed

➜  tale-master vi _config.yml 

 

https://dev-yakuza.posstree.com/ko/jekyll/seo/

SEO対応

Bundle complete! 3 Gemfile dependencies, 33 gems now installed.

Use `bundle info [gemname]` to see where a bundled gem is installed.

이러면 gemfile에 있는 걸 다 설치했다 33개 있음 이라고 메시지가 나온다 

 

또 다시 bundle serve 

이번에는 또 다른 태그가 없다고 함 

이것도 또 설치 

https://github.com/jekyll/jekyll-feed/issues/123

Feed not generating, `feed_meta` not available · Issue #123 · jekyll/jekyll-feed

 

feed meta tag가 없다는 건데 

이건 gemfile에 설치하게 만든다 

 

➜  tale-master bundle exec jekyll b              

fatal: not a git repository (or any of the parent directories): .git

Configuration file: /Users/a/Downloads/tale-master/_config.yml

            Source: /Users/a/Downloads/tale-master

       Destination: /Users/a/Downloads/tale-master/_site

 Incremental build: disabled. Enable with --incremental

      Generating... 

       Jekyll Feed: Generating feed for posts

                    done in 2.279 seconds.

 Auto-regeneration: disabled. Use --watch to enable.

그리고 나서 bundle exec jekyll b 했을 때 에러가 안 생기면 아마 jekyll serve가 될거다 

 

 

http://127.0.0.1:4000

에 잘 만들어졌다는 소식 

 

 

내 최종 gemfile

gem 'rake', '12.3.3'

gem 'jekyll-feed'

 

 

내 최종 _config.yml

마지막에 에러 떴던 태그들 플러그인으로 추가했다.

 

 

 

 

 

드디어... 성공!

카테고리 기능은 따로 지원 안하는 것 같은 점은 조금 아쉽 

 

 

아무튼 jekyll serve 계속 에러 뜨다가 드디어 성공 ㅜㅜㅜ