Minimal-Mistake 디렉토리 뜯어보기
Category: Blog
Tags: minimal-mistake Github
블로그 커스텀할 때 어떤 기능이 어디에 구현되어 있는지 찾아놓은거 기록하기 위한 게시물. F12
키로 Chrome 개발자 도구를 활용하면 내가 찾고 싶은 대상이 어느 디렉토리에 있는지 찾아보기 훨씬 수월하다 !! 앞으로 웹 구조를 뜯어볼 때 참고해야하면 좋을 것 같다.
전체적인 디렉토리 구조
📁 _data
사용할 데이터 파일들이 모여있는 폴더
-
navigation.yml : 블로그 상단 우측 메뉴 지정
-
uni-text.yml : 언어 및 디폴트 텍스트 문구 지정
📁 _includes
댓글, 카테고리, 태그 등 많이 사용되는 항목들을 포함하는 폴더
- nav_list_main.html : 카테고리 추가 및 수정
- post_pagination.html : 이전글, 다음글 이동하기 수정
📁 _layouts
html 파일들을 모아둔 폴더. 블로그 레이아웃 관리
- default.html : 스크롤바 색상 변경 및 꾸미기
📁 _sass
scss 파일들을 모아둔 폴더. 전체 스킨이나 폰트 색깔 등 디자인 관리
📁 assets
메인 scss 파일과 js 파일들이 있는 에셋 폴더
- scss/main.scss : global 폰트 선언 및 지정
- images : 이미지 저장 폴더, 프로필 사진 변경
📁 _pages
카테고리 파일 모아두는 폴더
📁 _posts
게시물 md 파일 모아두는 폴더
_config.yml
블로그 기본적인 정보랑 설정 값들을 모아둔 폴더
index.html
블로그 처음 들어가면 나오는 홈페이지 !! (default)
계속 업데이트 중 ~~!