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
입맛에 맞는 테마를 선택한 후 깃허브로 접속한다.
그 후 위에 있는 Fork를 누르게되면 자신의 리파지터리에 테마를 가져온다.
이제 이전에 했던 블로그만들기 https://ljh951103.github.io/2020/01/08/Git-Blog.html 처럼
자신의 주소인 id.github.io로 바꾼다.
3. _config.yml 환경설정
이렇게 되면 끝났다고 생각하겠지만 그렇지 않다.
실제로 주소로 접속해보아라. 겉만 남아있고 코드를 전혀 참조하지못하여 출력이 제대로 안되는 것을 확인할 수 있다.
여기서 잠시 git 웹 구조에대해 설명한다.
- _posts: 포스팅될 웹 페이지 정보
- _config.yml: 웹 페이지의 내부 환경설정
- assets: 이미지 정보
그렇게 때문에 _config.yml 파일 환경설정을 해준다.
테마마다 바꿔줘야할 정보가 다르지만 대체적으로
baseurl, url
이 속성을 자신이 등록한 웹페이지주소로 수정하고 커밋하게되면 잘 동작하는 것을 확인할 수 있다.
결론
자신의 웹 페이지로 잘 연결되는 것을 볼 수 있다.
다음에는 실제 페이지를 게시하는 방법을 다루겠다.
향후과제
깃 블로그에 실제로 게시글 작성하기
참고자료
https://dreamgonfly.github.io/2018/01/27/jekyll-remote-theme.html
Writer: Jae-Hwan Lee
댓글남기기