디버깅 일지

Hugo 오류 ) Theme가 적용이 안되는 문제

Multitab 2022. 10. 3. 19:01

몇달전부터 깃허브 블로그를 만드려고 Hugo라는 정적웹페이지 생성기를 사용하고 있었다. 그런데 내용을 정리하기도 어렵긴 하지만 내가 선택한 PaperMod라는 Hugo 웹페이지 테마가 로컬서버에서는 정상적으로 적용이 되는 데 Github Pages에서는 테마가 적용되지 않는 상황이 발생했다. 이 문제의 해결책을 정리해고 공유해보고자한다.

Hugo 웹사이트 만들기 튜토리얼 : https://www.youtube.com/watch?v=hjD9jTi\_DQ4

Hugo - Github Pages 연동방법 :https://www.youtube.com/watch?v=LIFvgrRxdt4

증상) Hugo소스 코드에서 hugo -t PaperMod 명령어를 이용해 public 폴더에 빌드된 소스코드를 저장하고 github.io 레포지토리에 넣어도 테마가 적용되지 않은 채로 전시된다.

오류내용 )
테마가 적용되지 않는 페이지의 -> 개발자 도구 -> Console을 했을때 아래와 같은 오류가 발생함

"Failed to find a valid digest in the 'integrity' attribute for resource 'http://.css' with computed SHA-256 integrity 'L/W5Wf'. The resource has been blocked."

오류 분석 ) https의 암호화 방식인 SHA-256의 내부적인 문제로 css파일이 호출되지 않고 있다.

대책) Hugo의 설정파일인 config.yml이나 .toml 파일에서 SHA암호화를 비활성화 하는 DisablefingerPrint를 True로 설정해준다.

params:
assets:
disableFingerprinting: true

위 내용 추가

참고
https://github.com/adityatelange/hugo-PaperMod/commit/a619bb313df26a055753918c4c8488affcbfd593
https://github.com/adityatelange/hugo-PaperMod/issues/89