본문 바로가기
기타 정보/IT

Jekyll을 이용한 Github 블로그 제작

by 인생즐겜러 2023. 1. 8.
728x90
반응형

 

 

 

1. ruby 설치 (Window)

2. Jekyll 설치

3. github 블로그 주소 생성 및 clone 생성

4. Jekyll로 사이트 생성

5. 도메인 주소를 IP -> repository 이름 으로 변경

 

 

 

 

 


 

 

 

 

 

1. ruby 설치 (Window)

 

우선, Jekyll을 설치하기 위해 bash나 ruby 를 받아야 한다.

우리는 ruby (이건 프로그래밍 언어다)를 받을 것이다.

 

아래의 페이지에서 다운을 받는다!

https://rubyinstaller.org/downloads/

 

 

 

 

위의 그림에서 우리는 DEVKIT이 필요하므로 같이 있는 파일을 다운 받는다.

DEVKIT은 C 확장이 있는 gem을 즉시 컴파일할 수 있는 도구.

필자는 Ruby+Devkit 3.1.3-1 (x86) 로 받았다.

32비트로 받은 이유는

우리는 블로그 만들려는 용도이기 때문에 설치를 32bit 기준으로 해야한다.

홈페이지 설명 => 32비트(x86) 버전은 사용자 지정 32비트 기본 DLL 또는 COM 개체를 사용해야 하는 경우에만 권장.

 

 

 

 

 

 

이런 식으로 넘기고 넘기고 넘기고~

마지막에  ridk install을 체크하고 끝내면 !

 

 

 

 

ridk install하려고 cmd창이 딱!! 뜨면

1,2,3 다 설치할 거다. 그냥 Enter 를 누르면 다 설치 한다.

 

바이러스 어쩌구~ 얘기가 나올 수도 있고

설치 후에 cmd가 자동으로 꺼질 수도 있는데 어차피 설치 다 됨.

jekyll를 하는데 큰 문제 엄슴.

 

이렇게 설치가 끝나면 cmd를 실행

=> ruby-v 을 치면 버전이 나온다. 그럼 제대로 설치 된 것.

 

 

 

 

 

 

 

 


 

 

 

 

 

2. Jekyll 설치

 

cmd에 

 

gem install jekyll bundler

 

를 치면 설치가 된다.

 

 

 

 

 

 

설치가 끝나면

jekyll -v

쳐보면 잘 되었는지 확인이 된다.

 

 

 

 

 

 


 

 

 

 

 

3. 블로그 주소 생성 및 clone 생성

 

github에서 repository를 새로 생성한다.

New 클릭~

 

 

 

 

그 후 name 설정을 한다.

보통은 자기아이디.github.io 로 많이 만드는 것 같다.

 

 

 

 

그 후에

Source Tree 든 Github Desktop 이든 Terminal 이든 이용해서

해당 Repository와 연결된 Clone을 생성한다.

이 부분은 자세히 설명하지 않겠음.

 

 

 

 

 


 

 

 

 

 

4. Jekyll로 사이트 생성

 

Clone 한 폴더에 무언가가 있다면 전부 삭제하고 (.git 폴더는 빼고)

 

cmd 창에

(1) 아래와 같이 쳐서 사이트를 생성한다.

 

 

 

 

(2) 생성 완료가 되었다면 아래와 같이 쳐서 bundle을 설치한다. 

 

 

 

 

(3) Jekyll을 로컬 서버로 띄우기 위해 아래와 같이 친다.

 

 

 

 

그럼 맨 아래쪽에 IP로 된 url이 나오는데

해당 url을 복사해서 크롬 주소창에 쳐보면 아래와 같이 나오는 것을 확인 할 수 있다.

그럼 제대로 생성이 된 것.

 

 

 

 

 

 


 

 

 

 

 

5. 도메인 주소를 IP -> repository 이름 으로 변경

 

4번까지의 작업을 했다면 Clone 폴더에 뭔가 파일들이 많이 생성이 되었을 것이다.

그걸 commit 과 push 로 해당 github의 repository로 옮기면

repository 이름으로 블로그를 접속할 수 있게 된다.

 

 

 

 

 

728x90
반응형

'기타 정보 > IT' 카테고리의 다른 글

Parameter(매개변수)와 argument(인수)의 대략적 정의  (2) 2023.03.02

댓글