환경
- MacBook Pro(Intel Core)
- Monterey OS(Version 12.2.1)
- git version 2.32.0 (Apple Git-132)
- ruby 3.1.1p18 (2022-02-18 revision 53f5fc4236) [x86_64-darwin21]
개발자에게 포트폴리오는 굉장히 중요한 요소입니다. 지나온 족적이나 앞으로의 활동이 게시되는 공간으로,
혹은 Cloud 와 같이 오류나 이론을 저장해두거나, 이를 바탕으로 한 교류의 공간으로 사용될 수 있기 때문입니다.
때문에, 자신의 지향목표에 맞추어 선택하는 편이 좋습니다.
작성자 같은 경우 향후 캐나다 취업을 목표로 하기도 하고, 주요 기술이 Web/App Programming 이기 때문에
해외 유입 접근성이 용이하고, 주요 기술을 잘 활용할 수 있는 ‘GitHub Pages’ 를 선택하게 됐습니다.
기존에 사용하던 네이버 블로그는 위 두가지 니즈가 충족되기 어려웠기 때문입니다.
Install Ruby&Jekyll
제작한 GitHub Page 의 결과는 GitHub 에 Push 한 후 확인할 수 있습니다. 하지만, 반영되는 딜레이도 있고
번거롭습니다. 때문에, 일반적으로 로컬 서버를 활용하여 즉각적인 반영결과를 보며 Page 를 구축합니다.
작성자는 Ruby 와 Jekyll 을 사용해 로컬서버를 사용하겠습니다.
Install Ruby
- MacOS
https://dev-michelangelo.github.io/posts/Ruby/
- WindowOS
Install Jekyll
MacOS 는 Terminal, WindowOS 는 Ruby 프롬포트를 사용합니다.
아래 명령을 입력합니다.
1
gem install Jekyll bundler
Jekyll -v 를 입력해 설치를 확인합니다.
Jekyll Theme
직접 Page 를 구성할 수 도 있지만, 저는 한동안 편리하게 테마를 사용할 계획입니다.
Jekyll Theme 사이트에서 맘에 드는 테마를 선택합니다. 저는 ‘Chirpy’ 테마로 선택했습니다.
테마 선택 후 Hompage 를 클릭합니다. 압축파일을 다운로드 할 수 있지만 GitHub 를 사용하겠습니다.
Fork
제작자의 GitHub 로 이동되고 좌측상단의 Fork 를 클릭합니다.
Fork 된 Repo 의 이름을 아래 형식으로 수정합니다.
1
2
3
<GitHubName>.github.io
Ex: DevMichelangelo.github.io
Clone
GitHub 의 Repo 를 Clone 합니다. 저는 GitHub Desktop 을 사용합니다.
Page Repo 를 선택하고 Clone 합니다.
개인적으로 Path 가 깊은걸 좋아하지 않아 변경했습니다. 수정없이 Clone 해도 무방합니다.
좀전의 Path 에 파일이 생성되었습니다. 보통 Documents 안에 생성될 겁니다.
Connect Local server
cd 명령어를 통해 Page 저장소로 이동한 후 bundle 을 입력해 의존성 모듈을 설치합니다.
설치가 완료되면 jekyll serve 를 입력해 local server 를 구동합니다.
Server adress 로 접속해보면 테마가 적용된 Page 를 확인할 수 있습니다.
Command+C 혹은 Ctrl+C 를 누르면 Server 를 종료할 수 있습니다.