Github 블로그 생성하기 (Jekyll)

업데이트:

  • 연구주제 : Github 웹사이트로 블로그 개설
  • 연구목적 : Github 블로그 운영
  • 연구일시 : 2020년 1월 07일 09:00~17:00
  • 연구자 : 이재환 ljh951103@naver.com
  • 연구장비 : HP EliteDesk 800 G4 TWR, Windows terminal, Github, VS Code
  • 관련연구 : AWS, Linux, Unix, Ubuntu, OS, Blog

 

서론

우선 이 글을 참조하는 사용자들의 디바이스에 Github, Windows Terminal이  설치되어있다고 가정한다.

 

본론

1. 서버 원격 접속

먼저 Windows Termnal을 열고 bash 명령어를 통해 VS Code에 원격 접속한다.
이 부분에 대해서는 이전 게시글인 https://ljh951103.github.io/2020/01/07/VSCode2.html 참고한다.

 

2. 테마 Fork

테마는 Jekyll 라이브러리 테마를 이용한다. 지킬을 사용하면 이제는 자신이 사용할 테마를 골라서 사용할 수 있다. 원하는 테마를 가져와야하는데 테마에 대한 정보를 담고있는 웹페이지를 몇가지 나열하겠다.

https://jekyll-themes.com/free/
https://jekyll-themes.com/docsy-jekyll/
https://jekyll-themes.com/just-the-docs/
http://themes.jekyllrc.org/
http://jekyllthemes.org/
https://jekyllthemes.dev/
https://drjekyllthemes.github.io/new

입맛에 맞는 테마를 선택한 후 깃허브로 접속한다.

image

그 후 위에 있는 Fork를 누르게되면 자신의 리파지터리에 테마를 가져온다.
이제 이전에 했던 블로그만들기 https://ljh951103.github.io/2020/01/08/Git-Blog.html 처럼
자신의 주소인 id.github.io로 바꾼다.

 

3. _config.yml 환경설정

이렇게 되면 끝났다고 생각하겠지만 그렇지 않다.
실제로 주소로 접속해보아라. 겉만 남아있고 코드를 전혀 참조하지못하여 출력이 제대로 안되는 것을 확인할 수 있다.

여기서 잠시 git 웹 구조에대해 설명한다.

  • _posts: 포스팅될 웹 페이지 정보
  • _config.yml: 웹 페이지의 내부 환경설정
  • assets: 이미지 정보

그렇게 때문에 _config.yml 파일 환경설정을 해준다.

image

image

테마마다 바꿔줘야할 정보가 다르지만 대체적으로

baseurl, url

이 속성을 자신이 등록한 웹페이지주소로 수정하고 커밋하게되면 잘 동작하는 것을 확인할 수 있다.

 

결론

image

자신의 웹 페이지로 잘 연결되는 것을 볼 수 있다.

다음에는 실제 페이지를 게시하는 방법을 다루겠다.

 

향후과제

깃 블로그에 실제로 게시글 작성하기

 

참고자료

https://dreamgonfly.github.io/2018/01/27/jekyll-remote-theme.html

 

Writer: Jae-Hwan Lee

댓글남기기