Jekyll

간만에 junchive 블로그에 접속했다가 “페이지가 제대로 리디렉션되지 않음. (EOF_ERROR)” 문구를 마주치게 되었다. 잘 굴러가던 블로그가 한순간에 오류가 발생해서 무슨 일인가 살펴봤는데, 일주일만에 해결책을 찾아 고쳤다. 다음에 비슷한 상황을 마주했을 때 대비책으로 글을 남겨본다. 시도 1. Localhost에서 돌려보기 Jekyll 구성 상의 문제인지 알아보기 위해서 Localhost에서 돌려봤는데, 정상작동. 참고로 Terminal에서 bundle exec jekyll serve 하면 됨. 흠… Jekyll 구성 상에서 오류난건 아님 시도 2. gitlab pages 상태 확인 현재 준카이브의 작동방식을 대략적으로 나타내면 아래와 같다. 혹시나 gitlab pages에서 오류가 발생한건 아닌지 확인해보았다. ecrire06.gitlab.io 는 문제없이 정상작동… 흠 여기까지 정상이었다는거지? gitlab repository 상에서 build 과정에서도 오류가 없었으니! ...

Jekyll 기반의 Juchive 개인 블로그를 3달동안 잘 활용하고 있다. 이제 틀도 잡혀서 카테고리별로 글도 꽤 쌓였다. 그러다보니 정보들을 불러오는데 생각보다 오랜 시간이 걸리고 웹사이트의 속도가 느려진 기분이 들었다. 이것을 해결해보고자 고민하다가 이미지를 불러오는 과정을 손봐야겠다는 생각을 하게 되었다. 현재 블로그에 있는 모든 이미지는 개인 Onedrive 클라우드에 저장해두고 embed해서 불러오는 방식을 취하고 있다. 지난 6월부턴가 Onedrive 측에서 embedding에 대한 정책을 바꾼건지 전보다 로딩 속도가 느려지고 링크도 바뀌었다. 과거에는 embed 했을 때에 주소가 https://phx02pap001files.storage.live.com/...였다면 이제는 https://onedrive.live.com/...로 바뀌었다. 링크가 바뀐 것은 큰 문제가 아니나, 로딩 속도가 느려졌다는 점은 굉장히 거슬렸다. ...

Junchive Jekyll 블로그가 어느 정도 틀이 잡혀서 새로운 plugins 추가하는데 맛들렸다. 지금까지 사용하고 있는건 jekyll-paginate-v2와 jekyll-sitemap 정도인데 필요에 따라 플러그인을 하나씩 추가할 듯 하다. Jekyll와 관련된 여러 plugin을 탐색하다가 자동으로 날짜 간격을 알려주는 jekyll-timeago을 사용해보기로 했다. jekyll-timeago는 Ruby를 기반으로 날짜 사이의 간격을 계산하고, 이를 Jekyll Liquid Template로도 사용할 수 있도록 만들어진 프로젝트이다. n일 지났다는 정확한 값과 더불어서 대략적으로 m개월 또는 k년이 지났다는 approximate distance도 계산해준다. Jekyll에 적용하기 설치과정 Gemfile에 gem "jekyll-timeago" 추가하기 _config.yml의 plugins 항목에 - jekyll-timeago 추가하기 Jekyll에 적용하기 ...

기존에는 Jekyll 블로그를 GitHub Pages로 deploy해서 사용하고 있었다. junchive.kr라는 custom domain 구입 후 DNS 연결해서 사용하고 있었다. 그런데 사용하면서 GitHub Pages와 관련해서 불편한 점들이 느껴져서 대체할만한 다른 플랫폼을 찾아보았다. jekyll plugin에 제한이 많이 걸려서 원하는 플러그인을 사용할 수 없다는 것과, github workspace가 제공되지만 느리고 불편한 점이 많아서 잘 안쓰게 된다는 이유 때문이었다. GitHub Pages의 문제점 가장 크리티컬한 이유는 바로 plugin의 제한이었다. 기본적으로 jekyll에서 제공하는 jekyll-paginate이 매우 구려서 jekyll-paginate-v2로 옮겨가고 싶었는데, jekyll-paginate-v2-repository에서 밝히듯이 GitHub Pages에 공식적으로 등록된 플러그인이 아니라 사용 불가하다. _config.yml이랑 Gemfile을 건드려봐도 우회해서 사용하는게 자꾸 오류가 떠서 스트레스를 받던 중, ‘안되겠다 옮기자!!’ 생각에 다른 플랫폼으로 옮겨갔다. ...

Jekyll 블로그 Post에 이미지를 올리는 방법은 크게 두 가지가 있다. 1) repository에 이미지 직접 업로드하는 방법과 2) Google Drive나 OneDrive 등에 호스팅해서 embed로 링크만 따오는 방법. 지금까지는 1번의 방법을 사용해왔는데 용량 제한이나 최적화의 문제 때문에 2번을 시도해보기로 했다. 여러 호스팅 방법들 중에서 OneDrive를 이용한 방법을 이용했기 때문에 이에 대해 자세히 설명하려고 한다. 기존 이미지 업로드 방식 내가 선택한 jekyll 템플릿에는 “/assets/img/” 경로에 이미지를 업로드하도록 되어있다. 예를 들어 “example.jpg"의 이미지를 해당 경로에 업로드하면 Post에서는 markdown이나 html 문법으로 “/assets/img/example.jpg” 경로를 지정해주면 쉽게 불러올 수 있다. 하지만 이 방법에는 몇 가지 단점이 존재하는데, 1) github repository 용량 제한과 2) 블로그의 몸뚱이가 커지면 그만큼 시간이 오래걸려 최적화가 힘들어진다는 것이다. ...