[Blog Making] 블로그 준비(1) : 기본 준비물
1. 준비물
제가 Github Pages로 블로그를 제작하면서 기본적으로 필요했던 것을 대략 정리하면 다음과 같습니다.
제 사용환경은 Window OS 기준입니다.
- 깃허브 아이디
- Jekyll 테마 - Minimal Mistakes
- Ruby - Jekyll 설치를 위해 필요
- VSCode(Visual Studio Code)
- Git
링크를 걸어왔으므로 각 페이지에 들어가셔서 필요한 파일을 받거나 가입하시면 됩니다.
Github Repository와 테마 설정 방법은 하단에 다시 설명하겠습니다.
Ruby의 경우는 Jekyll의 기반언어이기 때문에 설치하는 것으로 WITH DEVKIT 목록에서 최신버전이나 Bold체로 된 Recommand 버전을 받으시면 됩니다.
이 때 주의하실 점은 Ruby 설치 시 환경변수 설정의 수고로움을 줄이기 위해 아래 문장을 체크하셔야 한다는 점입니다.
Add Ruby executables to your PATH
Jekyll을 설치하는 방법과 설치하는 이유는 다음 포스팅에서 설명하겠습니다.
VSCode는 markdown 문서를 지원하고 터미널도 열기 편한 텍스트 편집기이기에 사용했습니다. 테마처럼 개인취향에 맞는 편집기를 사용하시면 될 것 같습니다. 만약 VSCode를 사용하신다면 최소 아래의 플러그인은 설치하시는걸 추천 드립니다.
* HTML CSS Supoort
* Markdown Preview Enhanded
마지막으로 테마의 자바스크립트를 편집하실 경우 NPM(Node Package Manager : Node.js 기본 패키지 관리자 각종 JS 라이브러리를 쉽게 사용할 수 있도록 지원함)을 사용해야 하기에 Node.js를 최신판으로 깔아놓으셔도 됩니다. 해당 사항에 대해서는 추후 포스팅하겠습니다.
- Node.js - NPM을 사용하기 위해 필요
2. Github Pages 생성 및 테마 적용
Github Pages를 생성하는 방법은 간단합니다. Repository의 이름을 사용자아이디.github.io로 하여 생성하면 됩니다.(계정당 1개) 후에 블로그 테마 파일을 여기에 저장하시고 커밋한 내역을 push하시면 됩니다. 사이트 접속 경로는 https://사용자아이디.github.io입니다.
이후 테마 적용을 위해 테마 Repository로 들어가 Github Pages 저장소로 코드를 받아오면 되는데 방법은 다음과 같이 3가지 입니다.
1. 해당 Repository를 Fork함
2. Zip 파일로 받아 커밋 후 Github Pages Repository에 Push
3. 코드를 받아 원격 저장소 remote 변경 후 Push
저의 경우 기존 git 히스토리를 가져올 수 있는 3번을 선택하였습니다.
우선 코드를 받아올 폴더를 생성하고 테마 Repository에서 clone 한뒤(Clone with HTTPS)
생성한 폴더에서 Git Bash를 열어 다음 명령을 실행해 줍니다.
$ git clone 받아온주소
이후 생성된 프로젝트의 root폴더의 이름을 변경한 뒤(저의 경우 Github Pages의 저장소 명으로)
VSCode로 폴더를 열고 터미널(Terminal>New Terminal)로 다음 명령을 순서대로 실행해 원격저장소를 변경해 줍니다.
(미리 Github Pages Repository의 Clone with HTTPS을 복사해 옵니다.)
git remote remove origin
git remote add origin 받아온본인저장소주소
git push -u origin master
이제 본인 Github Pages 사이트로 들어가 올바르게 push가 되었는지 확인합니다.
참고로 push 명령시 -u옵션을 넣으면 다음에 입력한 저장소와 브랜치의 인자생략이 가능해 다음 push부터는 git push만 입력하면 됩니다.
다음 포스팅은 Jekyll 설치와(설치는 별겨 없음) 왜 Jekyll을 사용하는지 설명하겠습니다.
읽어주셔서 감사합니다^^
개인 공부용 블로그입니다.
잘못된 부분에 언제든지 댓글이나 메일로 지적해주시면 감사하겠습니다.
Leave a comment