왕논의 연구실

[Git] Git 홈페이지 만들기 - Chirpy css 적용되지 않는 오류 해결 본문

Git

[Git] Git 홈페이지 만들기 - Chirpy css 적용되지 않는 오류 해결

ywangnon 2022. 11. 30. 00:07

Git 블로그 홈페이지를 제대로 사용해보려고 했습니다.

 

기존 테마는 너무 가운데 몰려서 작게 나왔기에 다른 테마를 사용하기로 하였습니다.

 

새롭게 찾은 테마는 Chirpy

 

깔끔하고 큼직한 글씨가 맘에 들었습니다.

 

기존 repo를 바꿔 쓰기로 하고서는 clone 후 파일을 바꿔 넣었는데...

 

css가 먹히지 않고

--- layout: home # Index page ---

코드만 덩그러니 보였습니다.

 

이 문제를 해결하려고 여기저기 돌아다녔는데, 결국 해결을 못했습니다.

 

일단, 알아낸 것은 Chirpy 테마는 github에 푸시를 하면 안정성을 위해 CI/CD로 테스트를 하고서 gh-page 브런치를 생성하는데, 이 브랜치가 생성되지 않았습니다.

 

일단 자동으로 테스트한다는 것을 알아내고서는 github action 탭에서 확인해보니 에러들이 수많은 악수의 요청을...

 

들어가서 확인해보니 

이 부분을 정확히는 모르겠지만, 가상의 공간에 테스트하기 위한 루비를 설치를 하려는데, 설치를 못하고 있는 것 같습니다.

 

찾아보니 이 action에 관한 부분을 deploy파일에서 다루고 있다는 것을 알게 되었습니다.

 

그래서 로컬 폴더. github/workflows에 있는 deploy 파일에서 ruby 버전을 제가 가지고 있는 버전들로 바꿔서 해줬는데, 여전히 설치가 되지 않네요.

 

블로그 글 찾아보고 3.1로 바꾸고 적용되었다는 글에 3.1로 바꿨는데도 적용되지 않았습니다.

 

일단 하루 종일 이 문제 해결을 위해 찾아봤는데, 정확한 문제를 파악하지 못했습니다.

 

일단 계획은 어느 정도 찾아보고 안되면 테마를 바꿔 볼 생각입니다.

 

해결법

정말 하루 종일 테스트하고 고민하다가 새벽에 해결책을 찾았습니다.

 

https://stackoverflow.com/questions/73724821/bundle-failed-whit-exit-code-16-jekyll-theme-chirpy-build-error

 

bundle failed whit exit code 16, jekyll-theme-chirpy build error

I want to apply this theme, but there is an error while building it. It works in local, but it doesn't build. https://github.com/rubygems/bundler/issues/4375 I saw it through this link, but I don't...

stackoverflow.com

 

같은 문제로 고민했던 분의 스택오버플로우입니다.

 

대충 보았을 때, 실행 플랫폼을 추가해서 해결하는 것 같습니다.

 

해당 폴더의 커맨드 창에서 

 

bundle lock --add-platform x86_64-linux

 

을 입력하면 Gemfile.lock 에 플랫폼이 추가됩니다.

 

그리고 push 하면 오류 없이 통과하면서 해결되었습니다.

 

https://chirpy.cotes.page/posts/getting-started/

 

Getting Started

Prerequisites

chirpy.cotes.page

해결하고 보니 리눅스 환경이 아닐 시, 플랫폼 목록을 추가하라고 나와있네요.