아카이브사이트맵
© 2026 Rayon. All rights reserved.
DevDay
아티클랭킹스페이스채용
올리브영 favicon올리브영

올리브영 기술 블로그, Github Pages와 Jekyll로 뚝딱!

by DD
2020-11-09
5년 전
조회수 10

Github Pages와 Jekyll을 활용하여 기술 블로그를 구축함

마크다운 문법을 사용하여 블로그 포스팅을 작성하고, Liquid 템플릿 엔진을 사용함

OliveGreen 색상을 테마로, 페이지 분류 및 해시태그 기능을 구현함

Jekyll 기반 블로그 구조

Jekyll은 마크다운 기반 정적 사이트 생성기이다. 따라서, Liquid 템플릿 엔진을 활용하여 동적 콘텐츠를 생성한다. 구체적으로, `_config.yml` 파일로 설정을 관리하고, `_layouts`, `_includes`, `_sass` 폴더를 통해 UI 컴포넌트를 구성한다.

Github Pages와 Jekyll의 장점

Github Pages는 무료 호스팅을 제공하며, Jekyll은 마크다운 기반으로 글 작성이 용이하다. 반면, 워드프레스와 같은 CMS에 비해 기능 확장이 제한적일 수 있다. 따라서, 커스터마이징과 유지보수 비용 절감 사이에서 균형을 맞춰야 한다.

블로그 구축 실전 가이드

Github Pages에 Jekyll 블로그를 배포하기 위해, 먼저 Jekyll을 설치한다. 구체적으로, `gem install jekyll` 명령어를 사용한다. 따라서, Github repository를 생성하고, `git push` 명령어를 통해 블로그를 배포한다. 결과적으로, 5분 만에 블로그 개설이 가능하다.

올리브영 기술블로그 개발기
중급
기술
Github Pages
Jekyll
HTML
CSS
SCSS
Liquid
Ruby
Markdown
Frontend
Backend
원문 읽기
원문 읽기

댓글 0

첫 번째 댓글을 남겨보세요!

관련 추천 글

웹사이트 경량화, 구형 하드웨어에서도 쾌적하게!

랍스타즈 로고

HTML만으로 웹 개발 가능할까? CSS 최적화와 프레임워크 비교 분석

랍스타즈 로고

CSS, Tailwind에서 벗어나 바닐라 CSS로 돌아가다!

해커뉴스 로고

HTML 우선 웹사이트, 사용자 경험을 혁신하다!

해커뉴스 로고

HTML 페이지 기반 웹 개발, 다시 주목받는 이유?

레딧 로고

HTML과 CSS만으로 웹사이트를? 과거로의 회귀?

랍스타즈 로고
올리브영 favicon올리브영
중급
기술
Github Pages
Jekyll
HTML
CSS
SCSS
Liquid
Ruby
Markdown
Frontend
Backend

관련 추천 글

웹사이트 경량화, 구형 하드웨어에서도 쾌적하게!

랍스타즈 로고

HTML만으로 웹 개발 가능할까? CSS 최적화와 프레임워크 비교 분석

랍스타즈 로고

CSS, Tailwind에서 벗어나 바닐라 CSS로 돌아가다!

해커뉴스 로고