깃허브 블로그 이미지 효과 제거(jekyll chirpy)

어느 순간부터 이미지에 불빛이 번쩍거리는 효과가 들어가기 시작했다. 처음에는 로딩인가 했는데 로딩이 완료되어도 계속 유지되는 문제가 있었다. 그런데 이 효과의 이름이 뭔지를 모르니 검색도 못하고 끙끙대고 있었다. 다행히 F12가지고 확인하니 shimmer effect라고 했다. 그걸 가지고 검색하니 chirpy 테마의 버그라고 한다. 원래는 로딩할때만 잠깐 나타나야 한다는듯?

해결책은 간단하다.

assets/css/jekyll-theme-chirpy.scss에

.shimmer::before{
  background:none;
}

을 추가하면 없어진다.

끝.

240403_내용추가

이 이후로 윈도우에서 커밋하니 레이아웃이 다 깨지는 문제가 발생. 커밋 로그를 보니 jekyll-theme-chirpy.scss 파일에 ‘production’이 ‘ production ‘으로 바껴있음. 다시 원래대로 수정하고 ctrl + S를 누르니 다시 공백이 생김. vscode prettier 등의 자동 포맷팅 툴이 건드리는걸로 추정. 메모장에서 편집, 저장하고 vscode에서 다시 열지 않으니 정상화.