tech
·⏱ 16m
1,400개 포스트의 기술 블로그를 Jekyll에서 Astro 5로 마이그레이션한 여정
1,400개 이상의 마크다운 포스트가 쌓이며 빌드 지옥에 빠졌던 기술 블로그를 Astro 5, Pagefind 오프라인 검색, D3.js 지식 그래프로 전면 리빌딩한 실전 마이그레이션 여정과 성능 최적화 회고록입니다.
Page 1 of 2
dev-tools
·⏱ 5m
Mermaid - Flow Chart를 그려보자.
Mermaid - 다양한 diagram을 그려보자 저는 블로그에서 mermaid-js을 CDN을 사용해 include하고, post에서 다음의 방식을 통해 Diagram이 그려지도록 설정한 상황입니다. 본 포스팅에서는 Flow Chart를 그리는...
dev-tools
·⏱ 4m
github page에서 Mermaid를 사용하여 diagram 그리기
What is mermaid? mermaid는 마치 html을 보다 간편한 문법인 Markdown을 통해 그릴 수 있도록 해준 것처럼, 복잡한 diagram을 마치 마크다운처럼 편한 문법으로 그릴 수 있도록 해주는 tool입니다. 가령, 아래와 ...
dev-tools
·⏱ 18m
jekyll을 설치하고 로컬에 블로그를 뛰우려고 합니다.
jekyll을 로컬에 설치하려고 합니다 제 블로그는 2018년 봄에 만들었습니다. 그 당시에는 저의 첫 맥북인 2015년형 맥북에어를 사용하고 있었고, 해당 맥북에 jekyll을 설치하고 샥샥샥 해서 첫 블로그를 만들었죠. 현재는 2020년형 맥...
dev-tools
·⏱ 1m
jekyll에 favicon을 추가해줍니다.
favicon없이 를 통해 로컬에 블로그를 띄우면, 다음과 같은 사소한 오류가 뜹니다. 별거 아닌데 귀찮아서 일단 해결해봅니다. 폴더 내에 파일을 넣어줍니다. 폴더 내에 의 위쪽에 아래 내용을 추가해줍니다. Wrap-up 저의 경우 jekyll ...
dev-tools
·⏱ 6m
Blog - 다른 폴더 경로에 같은 이름의 마크다운 파일이 있다면?
폴더 내에 많은 파일들이 있어서, 이름이 겹치는 경우가 있습니다 블로그를 만들고 공부한 것들을 정리하기 시작한 지도 어느새 2년이 다 되어 갑니다. 처음에는 그냥 모든 마크다운 파일들을 하나의 폴더 내에 모두 집어넣었었죠. 그런데, 이게 일정 시...
others
·⏱ 2m
만약 jekyll의 disqus의 색깔이 잘 보이지 않는다면.
disqus의 색깔이 하얗게 보입니다 요즘 블로그를 전반적으로 손을 보고 있습니다. 광고를 달고, 광고의 위치를 바꾸고, 폰트 크기를 수정하는 등의 일을 하고 있죠. 뻔한 이야기를 하나 하자면, 웬만해서는 잘 만들어진 Minimal mistake...
others
·⏱ 2m
jekyll _post에 글이 너무 많아서 분할하였습니다.
굳이 post에 모든 글을 함께 둘 필요가 없습니다 블로그를 한 지 이제 2년이 다 되어갑니다. jekyll의 경우 제목만 로 만들어서, 폴더에 넣어두기만 하면, 이후에 알아서 정적인 웹페이지를 만들어주므로, 그냥 글만 쭉쭉 써왔습니다만. 그러다...
dev-tools
·⏱ 4m
blog의 navigation 부분을 고쳤습니다.
그러니까, 웬만하면 커스톰하지마세요 예전에 블로그 예쁘게 만들려고 이것저것 고치던 적이 있었습니다. 즉 예쁘게 잘 나온 휴대폰을 굳이 튜닝해서 이것저것 손 댄 것이죠. 물론, 그러한 작업이 주는 영향이라는 것이 있긴 하죠. 블로그에 애착이 생기고...
dev-tools
·⏱ 3m
느려터진 블로그를 빠르게 했다.
솔직히 진짜 느렸다 이 블로그는 사실, 남이 이미 만들어준 minimal mistake라는 테마를 거의 그대로 사용해서, 만든 블로그이지만, 그래도 내가 직접 여기저기 땜질을 한 흔 적이 있는 블로그다. 워드프레스나, 티스토리와 같은 블로그도 사...
dev-tools
·⏱ 16m
왜 jekyll serve가 안될까?
요즘 블로그를 좀 뜯어 고치고 있습니다 블로그를 만든 게 약 1년 반정도가 되었습니다. 초기에 이런저런 세팅을 다 해두고, 이후에는 거의 그냥 마크다운으로 글만 써서 올리는 형태로 지속해왔습니다. 그러던 중에, 최근에는 광고를 달아봤습니다. 사실...
dev-tools
·⏱ 2m
jekyll로 만든 블로그 페이지 로딩을 빠르게 해봅시다.
jekyll build를 빠르게 만들어 봅시다 최근에 relatedposts 를 잘 찾도록 하려고, 몇 가지를 진행했었어요(플러그인을 설치하고, gem 도 추가하고 등등). 그런데 그 결과로 블로그에서 사이트를 렌더링하는데 너무 많은 시간이 걸리...
dev-tools
·⏱ 9m
related post 더 잘 찾도록 만들기
Is it really related posts? 제 블로그는 지킬로 만들어졌습니다. 정확히는 (몇 가지 규칙에 따라서) 만들어진 포스트들이 콘텐츠로 존재하고, 이를 지킬과 테마를 사용하여 렌더링해서 블로그로 보여집니다. 뭐, 제가 직접 만드는 ...
others
·⏱ 2m
지킬로 만든 블로그에서 {%%} 표시하기
flask로 공부한 내용을 마크다운으로 작성하고, 지킬로 렌더링을 하려는데. 자꾸 안되는 겁니다. 발생하는 에러는 대략 다음과 같아요. 를 표시하려고 하면 자꾸 에러가 발생하는 것이죠. liquid liquid는 지킬에서 페이지를 렌더링할 때 이...
dev-tools
·⏱ 3m
지킬에서 한글 폰트 바꾸는 방법
intro 저는 맥에서 작업하니까 사파리 라는 웹브라우저를 씁니다. 사파리에서는 별 생각없었는데, 크롬에서는 한글 폰트가 별로 이쁘지 않은것 같아요. 그래서 jekyll에서 폰트를 바꿔보려고 합니다. 과정 일단은 에 다음 코드를 추가하여 웹 폰트...
others
·⏱ 1m
favicon 세팅하기.
문득 favicon을 세팅하고 싶어졌습니다 이제 와서 생각해보니, 왜인지는 모르겠지만...아무튼 그래서 구글 포토에서 막 사진을 찾다가, 사촌동생 고양이로 세팅하기로 했습니다. icoconvert 같은 사이트에서 대충 jpg 파일을 ico 파일로...