Tip

GitHub Pages에 포트폴리오 호스팅하기 - 2) 로컬 환경 준비

  • -
반응형

이번 글에서는 Jekyll 테마를 커스텀하기 위해 로컬 환경을 준비하는 작업을 정리했습니다. 
로컬 환경이 준비되신 분들은 다음 장으로 넘어가주세요 :)


1) 먼저 Fork 받았던 저장소를 옮기는 작업이 필요하다. Clone 방법은 본인의 스타일로 하면 된다. 나는 GitHub Desktop을 이용하였다.

Clone a repository from the Internet 클릭

 

2) Repository 선택 후 원하는 로컬 경로 지정 후 Clone 클릭

 

3) 해당 fork에 대한 사용 계획을 묻는데 오픈 소스에 대한 기여가 목적이 아니기 때문에 두번째 선택지 For my own purposes를 클릭한다.

 

4) 이제 로컬 경로에 가보면 저장소에 있던 소스들을 내려받은 것을 확인할 수 있다.

 

5) 이제 로컬에서 Jekyll을 실행하기 위한 Ruby를 설치한다. ☞ Ruby 설치

 

6) 설치가 완료되면 Ruby를 검색하여 아래 명령 프롬프트를 실행한다.

 

7) 로컬내 Clone한 위치로 이동하여 아래 명령어를 입력한다. Windows의 경우 인코딩 에러가 발생하는데 이를 해결하는 방법이다.

​chcp 65001

 

8) Jekyll 실행에 필요한 패키지를 설치한다.
명령어의 gem은 Ruby에서 지원하는 패키지 도구이다. gem을 이용해 필요한 기능을 추가해서 사용이 가능하다.
 gem install jekyll bundler minima jekyll-feed tzinfo-data

 

9) Gemfile에 정의된 gem 패키지를 재정리한다.
 bunlder

 

10) 이제 Jekyll을 실행해보자.
 Jekyll serve

 

11) 웹 브라우저를 실행해 http://127.0.0.1:4000/ 을 실행하면 아래와 같이 접속이 된다.

 

12) .md 파일 수정도 하기 위해 Markdown 에디터도 설치해준다. Typora 설치

 

참고)

 

[Jekyll Blog] GitHub 연동 및 Jekyll 설치

개요 앞서 선정한 테마를 GitHub에 연동하고 Jekyll을 설치하여 웹브라우저에 직접 블로그를 띄워봅시다. 목차 GitHub 회원가입 및 Fork Git 설치 및 Clone Ruby & Jekyll 설치 Jekyll 디렉토리 구조 파일 수정

theorydb.github.io

 

Windows에 Ruby 설치 - BELLSTONE

1. Ruby 루비는 마츠모토 유키히로가 개발한 동적 객체 지향 스크립트 프로그래밍 언어입니다. 루비는 순수 객체 지향 언어이며, 정수나 문자열 등을 포함한 데이터 형식 등 모든 것이 객체가 됩

park-jongseok.github.io

반응형
Contents

포스팅 주소를 복사했습니다.

이 글이 도움이 되었다면 공감 부탁드립니다.