[Github] Blog 제작 팁

HANA-LOG 제작 과정 팁

Font

Font 스타일 변경

• 구글 폰트 사이트에 들어가서 마음에 드는 font 를 클릭한다.
• Select Regular 400 을 클릭하면 View Selected Families 에 해당 폰트가 추가된다.
• 상단 맨 오른쪽 버튼을 클릭하면 View Selected Families 리스트를 보여준다.
• <link> 탭에 있는 코드를 복사한다.
• includes/head/custom.html 파일에 다음 코드를 추가한다.

  <link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
  

• _sass/minimal_mistakes/_variables.scss 파일의 sans_serif 변수에 폰트명(Gowun Dodum)을 추가한다.

  $sans-serif: "Gowun Dodum", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI",
  "Helvetica Neue", "Lucida Grande", Arial, sans-serif !default;
  

Customizing Folders

• asset : font, css, images
• _sass : font style, font size, font color
• _layout : tag, category, archive etc
• _page : 네비게이션 바에서 로드 가능한 페이지
• _include : 주로 head.html 파일에서 구글 폰트를 로드해야 함
• _data : 네비게이션 바에 대한 메뉴 추가 및 링크 설정

REFERENCES

• 폰트 변경