[GithubPages] 3. Jekyll Theme 적용 (Hydejack)

15 May 2023 in Git

저는 테마중에 Hydejack이 한글에서 제일 가독성이 괜찮다고해서 해당 테마를 설치하였습니다.

설치 환경 : Mac

Hydejack Theme 설치

저는 zeddios 포스팅과 SuperMemi’s Study님의 포스팅을 보고 설치 진행하였습니다.

1. Theme download 하기

Download
저는 9.1.6 버전을 다운받았습니다.

2. 다운로드한 파일 복사 및 내 github.io 폴더에 붙혀넣기

• 다운로드한 파일 복사 후 내 github.io 폴더에 복사 붙혀넣기
• 대치 되는 항목은 모두 대치해줍니다.

3. bundle install 후 serve 실행

   bundle install
   bundle exec jekyll serve

4. http://127.0.0.1:4000/ 실행시 화면이 노출되면 완료

1. conflict error 발생 시 404.html, about.markdown, index.markdown 세개의 파일을 삭제

5. 원격저장소에 push하기

    git add .
    git commit -m "Hydejack Theme install"
    git push

1. push 후 충돌이 있는경우 _config.yml 파일을 수정해주시면됩니다.

   
   
   

2. remote_theme앞 #지우고 theme앞에 #넣기
   변경전

       theme: jekyll-theme-hydejack
       #remote_theme: hydecorp/hydejack@v9
   

   변경 후

       #theme: jekyll-theme-hydejack
       remote_theme: hydecorp/hydejack@v9
   

3. 다시 커밋 후 push하면 끝입니다.

6. https://${username}.github.io/ 실행시 화면이 노출되면 완료입니다.

7. 다시 로컬 작업시 수정사항

• push 해줄때는 remote_theme가 주석이면 안되지만 local에서는 주석처리가 되어야합니다.
  그러므로 로컬작업시에는 remote_theme앞에 #를 넣어주고 theme앞에 #는 지워주세요.
  또한 push할때는 다시 반대로 해주셔야합니다.

    theme: jekyll-theme-hydejack
    #remote_theme: hydecorp/hydejack@v9

---

다음글은 콘텐츠 꾸미기입니다.