GitHub 블로그 테마 이주 #4 - 커스터마이징 (Part 1)
M4. GitHub 블로그 테마 이주 #4 - 커스터마이징 GitHub 블로그 테마 이주 #4 - 커스터마이징 (Part 1) 이 글에서는 사이트를 운용하는 목적에 맞게 UI 설정을 조정한 기록을 담고 있습니다. 그 중에서도 주로 설정을 바꾸는 방식으로 조정이 가능한 부분 위주로 담았습니다. SCSS/CSS/HTML 파일 수정이 필요한 경우는 다음 글에서 소개합니다. 관련글 테스트 서버 구성 기존 데이터 복사 사이트 설정 커스터마이징 (Part 1) 커스터마이징 (Part 2) 운영 사이트에 반영 테스트 사이트의 수정 사항 일괄 반영 페이지 상단에 사진과 함께 글 넣기 Alembic은 feature_image 와 feature_text 변수를 설정하여, 페이지 상단에 그림을 넣고, 그림 위에 글을 넣을 수 있습니다. --- title : 퀀트강의 슬기로운 주식 정보 excerpt : "퀀트강의 슬기로운 주식 정보는 주식 시세와 재무 데이터를 통계적으로 분석하여 투자에 되는 정보를 제공합니다." feature_text : | 주식 시세와 재무 데이터를 분석하여 투자에 도움이 되는 정보를 제공합니다. feature_image : "https://picsum.photos/1300/400?image=989" --- Minimal Mistakes는 header 안에 overlay_image 변수로 그림을 설정합니다. 페이지의 title 이 그림 위에 큰 글자로 나타납니다. 그 아래에 작은 글자가 나타나는데, header 안에 tagline 변수가 정의되어 있으면 이를 쓰고, 그렇지 않으면 excerpt 를 씁니다. title 만 보여주고, 추가 문구는 보이고 싶지 않은 경우에는 show_overlay_excerpt 를 false 로 설정하면 됩니다. 매뉴얼에는 tagline 이 있으면 excerpt 에 우선한다고 설명되어 있지만, 항상 e...