Github.io를 Jekyll을 이용하여 사용하기

Github.io 설정

Jekyll을 사용하여 Github.io 설정을 하겠다

 

https://docs.github.com/ko/pages/setting-up-a-github-pages-site-with-jekyll/creating-a-github-pages-site-with-jekyll

Jekyll을 사용하여 GitHub Pages 사이트 만들기 - GitHub Docs

 

기초 설정

Ruby 설치

먼저 Ruby와 Bundler를 설치한다

 

 

Ruby installation method에서 window를 설치한다

(window10에서 진행중)

 

Add Rudy executables to your PATH 체크

우측 화면에서 1을 입력하여 추가 설치를 진행한다

 

Gemfile 다운로드

 

Bundler를 설치하기 위해 Gemfile을 먼저 다운로드 한다

https://rubygems.org/

RubyGems.org | your community gem host

 

cmd에서 아래 명령어를 입력하여 업데이트를 진행한다

 

gem update --system

 

Bundler 설치

 

 

bundler를 설치하기 위해 cmd에서 아래 명령어를 입력한다

https://bundler.io/guides/gemfile.html

Bundler: The best way to manage a Ruby application's gems

bundler init

 

Jekyll 설치

 

jekyll을 설치하기 위해 cmd에서 아래 명령어를 입력한다

https://jekyllrb-ko.github.io/

$ gem install bundler jekyll

 

Github.io 페이지 생성

아래 페이지에 작성된 순서대로 진행하도록 하겠다

https://pages.github.com/

 

새로운 repository를 생성하고 repository name이 github.io로 끝나도록 설정한다

 

---

(선택사항) 페이지 생성 시, 위 링크를 template로 사용한다

https://tong9433.github.io/blog/001#/

 

 

repository를 로컬에 clone 한다

 

 

jekyll 설정

cmd에서 이전에 clone한 경로로 이동하여, 아래의 명령어를 순서대로 입력한다

$ bundle init
$ bundle add jekyll

 

 

설치가 완료되면 아래의 명령어로 서버를 시작한다

$ jekyll serve

 

실행이 성공하면 아래와 같이 출력된다

 

 

jekyll admin 플러그인 설정

프로젝트 로컬 폴더에 Gemfile을 열어 아래의 코드를 추가한다

 

gem "jekyll-admin", group: :jekyll_plugins
gem "rackup"

 

저장 후 아래의 코드를 실행시킨다

 

$ bundle install
$ jekyll serve

 

 

http://localhost:4000/ 로 웹페이지를 볼 수 있으며

http://localhost:4000/admin 로 관리자 페이지를 볼 수 있다

 

 

 

 

 

 

 

참조

https://dnight.tistory.com/entry/GitHubio-%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A7%8C%EB%93%A4%EA%B8%B0

GitHub.io 페이지 만들기

https://dnight.tistory.com/entry/Jekyll%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC-GitHub-%EB%B8%94%EB%A1%9C%EA%B7%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0

Jekyll을 사용하여 GitHub 블로그 만들기

https://stackoverflow.com/questions/77917512/whats-the-problem-with-ruby-jekyll-and-rack-handler

What's the Problem with ruby, jekyll, and rack/handler