Github Blog Jekyll minimal mistakes

Hyeonaยท2021๋…„ 7์›” 7์ผ
11

๐Ÿ–ฅ๏ธ Github Blog - Jekyll

๋ชฉ๋ก ๋ณด๊ธฐ
1/11
post-thumbnail

๐Ÿ’ก A to Z๋Š” ๊ฐœ๋ณ„์ ์œผ๋กœ ์ž‘์„ฑํ•œ ๊ฒŒ์‹œ๊ธ€์„ ํ•œ ๋ฒˆ์— ๋ณผ ์ˆ˜ ์žˆ๊ฒŒ ์ •๋ฆฌํ•˜์˜€์Šต๋‹ˆ๋‹ค.
์‚ฌ์šฉ์˜ ํŒ์ด๋‚˜ ๊ณ ๋ คํ•˜๋ฉด ์ข‹์€ ์‚ฌํ•ญ ๋“ฑ์˜ ๋ถ€๊ฐ€์„ค๋ช…์€ ์ƒ๋žต๋˜๊ณ , ํ•ต์‹ฌ ๋‚ด์šฉ๋งŒ ๋„ฃ์—ˆ์Šต๋‹ˆ๋‹ค.
์ƒ์„ธํ•œ ์„ค๋ช…๊ณผ ๊ด€๋ จ ์ด์•ผ๊ธฐ(์‹œํ–‰์ฐฉ์˜ค ๋ฐ ์ „์ฒ˜๋ฆฌ ์ž‘์—… ๋“ฑ)๋Š” ๊ฐœ๋ณ„ ํฌ์ŠคํŠธ์— ์žˆ์Šต๋‹ˆ๋‹ค.

[00] Github Blog A to Z

  1. ๊ธฐ๋ณธ ์„ธํŒ… : Ruby, Jekyll, minimal-mistakes ํ…Œ๋งˆ ์ ์šฉ, github repo ์ƒ์„ฑ, ๋กœ์ปฌ ์„œ๋ฒ„๋กœ ๋ธ”๋กœ๊ทธ ์‹คํ–‰
  2. ๊ธฐ๋ณธ ๋ฐ์ดํ„ฐ ์ž…๋ ฅ : ๋ธ”๋กœ๊ทธ ๊ธฐ๋ณธ ์ •๋ณด(_config.yml), ํ”„๋กœํ•„ ์„ค์ •, ์ถœ๋ ฅ ๊ฒŒ์‹œ๋ฌผ ๊ฐœ์ˆ˜ ์กฐ์ •, Default post/page ์„ค์ •
  3. ์นดํ…Œ๊ณ ๋ฆฌ ์„ค์ • : ์นดํ…Œ๊ณ ๋ฆฌ(navigation.yml) ์ˆ˜์ •, ์›ํ•˜๋Š” ํŽ˜์ด์ง€ ์–‘์‹ ์ฐพ๋Š” ๋ฐฉ๋ฒ•, toc ์—ฌ๋ถ€, ๊ณ ์ •๋ฐฉ๋ฒ•, ์ด๋ฆ„ ๋ณ€๊ฒฝ
  4. ๋ณธ๋ฌธ ์˜์—ญ ์กฐ์ ˆ : ๋ณธ๋ฌธ ์˜์—ญ ๋„“ํžˆ๊ธฐ, ์‚ฌ์ด๋“œ๋ฐ” ์ขํžˆ๊ธฐ, ๊ธ€์ž ์กฐ์ •ํ•˜๊ธฐ, ํ•˜์ดํผ๋งํฌ ๋ฐ‘์ค„ ์ œ๊ฑฐํ•˜๊ธฐ
  5. ํŒŒ๋น„์ฝ˜ ์„ธํŒ… : ์›น์‚ฌ์ดํŠธ ์•„์ด์ฝ˜ ์„ ํƒ, icon๋งŒ๋“ค๊ธฐ, ๊นƒํ—™ ๋ธ”๋กœ๊ทธ ์ ์šฉํ•˜๊ธฐ(custom.html ์ˆ˜์ •ํ•˜๊ธฐ)
  6. ๋ธ”๋กœ๊ทธ ํฌ์ŠคํŒ…ํ•ด๋ณด๊ธฐ : minimal-mistakes ํฌ์ŠคํŒ… ์–‘์‹ ํ™•์ธํ•˜๊ธฐ, ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ํฌ์Šคํ„ฐ ๋‚ด์šฉ ๋ฌธ๋ฒ• ํ™•์ธํ•˜๊ธฐ
  7. ๋Œ“๊ธ€ ๊ธฐ๋Šฅ ์ถ”๊ฐ€ํ•˜๊ธฐ : DISQUS ๊ฐ€์ž…ํ•˜๊ธฐ, Shortname ์ฐพ๊ธฐ, _config ๋ฐ˜์˜ํ•˜๊ธฐ, ์‹œ๋ฒ” ๋Œ“๊ธ€ ํ™•์ธ
  8. ๋ฐฉ๋ฌธ์ž ํ†ต๊ณ„ํ•˜๊ธฐ : Google Analytics ๊ฐ€์ž…ํ•˜๊ธฐ, tranking ID ์ฐพ๊ธฐ, _config ๋ฐ˜์˜ํ•˜๊ธฐ, ๊ฒฐ๊ณผ ํ™•์ธํ•˜๊ธฐ
  9. Google ๊ฒ€์ƒ‰ ๋…ธ์ถœํ•˜๊ธฐ : Google Search Console, sitemap, robots, ์ ์šฉํ•˜๊ธฐ
  10. ๊น”๋”ํ•œ ์ฝ”๋“œ๋ธ”๋Ÿญ ์ž‘์„ฑํ•˜๊ธฐ : MarkDown Code Block, Gist ์‚ฌ์šฉ๋ฐฉ๋ฒ•

[01] ๊ธฐ๋ณธ ์„ธํŒ…

๊ธฐ๋ณธ ํ™˜๊ฒฝ

Ruby ์„ธํŒ…

Ruby for Windows ๋งํฌ์— ์ ‘์†ํ•˜์—ฌ, ์•„๋ž˜ ํ™”๋ฉด๊ณผ ๊ฐ™์€ ๋ชฉ๋ก์„ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค.

์—ฌ๊ธฐ์„œ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ฒƒ์€ Jekyll์€ 32bit์ด๊ธฐ์—, ์„ค์น˜์‹œ (x64)๊ฐ€ ์•„๋‹Œ (x86)์œผ๋กœ ์ง„ํ–‰ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.
์ด๋Š” ์ดˆ๊ธฐ ์„ค์ •์‹œ ์ œ์ผ ๋นˆ๋ฒˆํ•˜๊ฒŒ ๋ฐœ์ƒํ•˜๋Š” ์„ธํŒ… ์˜ค๋ฅ˜์ด๊ธฐ ๋•Œ๋ฌธ์—, ๊ผญ ์‹ ๊ฒฝ์จ์„œ ์„ค์น˜ํ•ด์ฃผ์…”์•ผ ํ•ฉ๋‹ˆ๋‹ค.

Jekyll ์„ธํŒ…

gem install jekyll

์ด์™€ ๊ฐ™์€ ๋ช…๋ น์–ด๋ฅผ ๋ช…๋ น ํ”„๋กฌํ”„ํŠธ(CMD) ์ฐฝ์—์„œ ์ž…๋ ฅํ•ด์ค๋‹ˆ๋‹ค.
์ด๋Ÿฌ๋ฉด ๊ธฐ๋ณธ์ ์ธ ์„ธํŒ…์ด ๋ชจ๋‘ ์™„๋ฃŒ๋˜์…จ์Šต๋‹ˆ๋‹ค!

ruby -v๊ณผ jekyll -v๋กœ ์ •์ƒ์ ์œผ๋กœ ์„ค์น˜๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•ด์ฃผ์„ธ์š” :)

minimal-mistakes ํ…Œ๋งˆ

(๐Ÿ”บ๋งŽ์ด ์ฐธ๊ณ ํ–ˆ๋˜ ๊ณต์‹ ํ™ˆํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค! ์›๋ฌธ์ด๋ผ ๋‚ฏ์„ค์ง€๋งŒ ์™ ๋งŒํ•œ๊ฑด ๋‹ค ์ ํ˜€์žˆ์Šต๋‹ˆ๋‹ค.)

์šฐ์ธก ์ƒ๋‹จ์— ์žˆ๋Š” ๋…น์ƒ‰ ๋ฒ„ํŠผ์—์„œ code repo์˜ link๋ฅผ ๋ณต์‚ฌํ•˜์…”์„œ, clone ๋ฐ›์•„์ฃผ์„ธ์š”.
์••์ถ•์„ ํ‘ธ์‹œ๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋‚ด์šฉ์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
(clone ๋ฐ›์œผ์‹ค ์ˆ˜ ์žˆ๋Š” Repo๋Š” minimal-mistakes Github Link๋ผ๊ณ  ์ •๋ฆฌํ•œ ๊ณณ์„ ํ™•์ธํ•˜๋ฉด ๋ณด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค!)

์—ฌ๊ธฐ์„œ ์ œ์ผ ์ค‘์š”ํ•œ ๊ฑด ์ด๊ฑธ ๋‹ค ์“ธ๊ฑด ์•„๋‹ˆ์—์š”! ใ…Žใ…Ž
๋นจ๊ฐ„์ƒ‰์€ ๊ทธ๋ƒฅ ์ง€์šฐ์…”๋„ ๋˜๋Š” ํŒŒ์ผ์ž…๋‹ˆ๋‹ค!
์ดˆ๋ก์ƒ‰์€ ๋”ฐ๋กœ ๋‚จ๊ฒจ๋‘์…จ๋‹ค๊ฐ€, ํฌ์ŠคํŒ… ์–‘์‹ ๋“ฑ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค!

docs ๋‚ด๋ถ€์˜ _pages ํด๋”๋Š” ์ถ”ํ›„ ์ƒ๋‹จ์˜ ์นดํ…Œ๊ณ ๋ฆฌ๋ฅผ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋Š” ์–‘์‹์ด๋ผ, ์ตœ์ƒ๋‹จ์œผ๋กœ ์ด๋™ํ•ด์ฃผ์‹œ๋ฉด ์ข‹์Šต๋‹ˆ๋‹ค.

Github-Blog Repository ๋งŒ๋“ค๊ธฐ

github์—์„œ repository๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ์€ ์ง€๊ธˆ๊นŒ์ง€ ํ•œ ๊ฒƒ๋ณด๋‹ค ๋” ๊ฐ„๋‹จํ•˜๊ฒ ์ฃ ! ใ…Žใ…Ž

Github ID .github.io ์˜ ํ˜•์‹์œผ๋กœ Repo๋ฅผ ๋งŒ๋“ค์–ด์ฃผ์‹  ํ›„,
์ง€๊ธˆ๊นŒ์ง€ ์ •๋ฆฌํ•œ ๋ชจ๋“  ์‚ฌํ•ญ์„ push ํ•ด์ฃผ์‹œ๋ฉด ๋˜๊ฒ ์Šต๋‹ˆ๋‹ค!
์ด์ œ Github ID .github.io ์˜ ๋งํฌ์—์„œ ๊ฐœ๋ฐœํ•˜์‹  minimal-mistakes ํ…Œ๋งˆ๊ฐ€ ์ ์šฉ๋œ ๊ฑธ ํ™•์ธํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋กœ์ปฌ ์„œ๋ฒ„ ์‹คํ–‰

์ง€๊ธˆ๊ณผ ๊ฐ™์€ ํ˜•์‹์€ ์ด๋ ‡์Šต๋‹ˆ๋‹ค. (_posts์™€ image ํด๋”๋Š” ์ถ”ํ›„์— ๋‹ค์‹œ ์„ค๋ช…๋“œ๋ฆด ์˜ˆ์ •์ž…๋‹ˆ๋‹ค!)
์ด ์ƒํƒœ์—์„œ๋Š” ๋กœ์ปฌ ์„œ๋ฒ„์—์„œ ํ™•์ธํ•˜์‹ค ์ˆ˜๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.
ํ˜„์žฌ์˜ repo์˜ ํด๋”์—์„œ ๋ช…๋ นํ”„๋กฌํ”„ํŠธ(CMD)์ฐฝ์„ ์—ฌ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค!

gem install bundler
bundle exec jekyll serve

์ด๋ฅผ ์ˆœ์ฐจ์ ์œผ๋กœ ์ž…๋ ฅํ•˜์‹œ๋ฉด, .jekyll-cache ํด๋”์™€ Gemfile.lock ํŒŒ์ผ์ด ์ƒ๊น๋‹ˆ๋‹ค.
์ด ๋‘๊ฐ€์ง€๊ฐ€ ์ •์ƒ์ ์œผ๋กœ ์ƒ๊ธฐ์…”์•ผ๋งŒ, ๋กœ์ปฌ ์„œ๋ฒ„์— ์—ฐ๊ฒฐํ•˜์‹ค ์ˆ˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

Server running... press ctrl-c to stop.์œผ๋กœ ๋œ๋‹ค๋ฉด ์ •์ƒ์ ์œผ๋กœ ์—ด๋ ธ์Šต๋‹ˆ๋‹ค.

http://127.0.0.1:4000 ์œผ๋กœ ๋ฐ”๋กœ ํ™•์ธํ•ด๋ณด์„ธ์š”.
ํ™•์ธํ•˜์‹œ๋Š” ์ค‘์—๋Š” CMD์ฐฝ์„ ์ข…๋ฃŒํ•˜์‹œ๋ฉด ์•ˆ๋ฉ๋‹ˆ๋‹ค!
๋ชจ๋“  Repo์˜ ๋ณ€๋™์‚ฌํ•ญ์„ ํ™•์ธํ•ด์„œ Serve์—์„œ ๋ฐ”๋กœ ํ™•์ธํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

[02] ๊ธฐ๋ณธ ๋ฐ์ดํ„ฐ ์ž…๋ ฅ

  • ์ˆ˜์ • ํŒŒ์ผ : github.io ํด๋” > _config.yml
minimal_mistakes_skin    : "default"  # ์ „์ฒด์ ์ธ ๋ธ”๋กœ๊ทธ์˜ ์ƒ‰๊ฐ์„ ์ •ํ•˜๋Š” ๊ฐ’์ž…๋‹ˆ๋‹ค.
                           # "default" "air", "aqua", "contrast", "dark"
                           # "dirt", "neon", "mint", "plum", "sunrise"

# Site Settings
locale                   : "ko-KR"    # ๋ธ”๋กœ๊ทธ์˜ ์ฃผ์š” ์–ธ์–ด์ž…๋‹ˆ๋‹ค. ํ•œ๊ตญ์–ด๋กœ ๋ณด๋ ค๊ณ  ko-KR๋กœ ์„ค์ •ํ–ˆ์Šต๋‹ˆ๋‹ค.
title                    : "์ •๋ฆฌ๊ฐ€ ์žฌ๋ฐŒ๋Š” ๊ฐœ๋ฐœ์ž Blog"  # ์‚ฌ์ดํŠธ ํƒญ์—์„œ ๋ณด์ด๋Š” ์ด๋ฆ„์ž…๋‹ˆ๋‹ค.
title_separator          : "-"
subtitle                 : "version 1.0"              # ํ™”๋ฉด title ํ•˜๋‹จ์— ์žˆ๋Š” ์†Œ์ œ๋ชฉ์ž…๋‹ˆ๋‹ค.
name                     : "๋‹นํ˜„์•„(Dang Hyeona)"      # ํ™”๋ฉด ํ•˜๋‹จ ์˜์—ญ์˜ ์ด๋ฆ„์ž…๋‹ˆ๋‹ค.
description              : "๋งค์ผ ๋ฐ˜๋ณตํ•˜๋Š” ๊ณต๋ถ€ ์Šต๊ด€"   # ์„ค๋ช…๋ž€์ž…๋‹ˆ๋‹ค. (์–ด๋”” ์ ์šฉ๋˜๋Š”์ง€ ๋ชจ๋ฅด๊ฒ ๋„ค์š”...) 
url                      : "https://eona1301.github.io" # ํ˜„์žฌ์˜ ๋ธ”๋กœ๊ทธ url ์ž…๋‹ˆ๋‹ค.
baseurl                  : # ํด๋ฐฑ(์˜ˆ๊ธฐ์น˜ ๋ชปํ•œ ์˜ค๋ฅ˜)์ผ ๋•Œ ์—ฐ๊ฒฐ๋˜๋Š” url์ž…๋‹ˆ๋‹ค.
repository               : "https://github.com/eona1301/eona1301.github.io" # Github Repo url์ž…๋‹ˆ๋‹ค.
teaser                   : # ํด๋ฐฑ์ผ ๋•Œ ๋ณด์ผ ์ด๋ฏธ์ง€์ž…๋‹ˆ๋‹ค. "assets/images/"๋กœ ์—ฐ๊ฒฐ๋ฉ๋‹ˆ๋‹ค.
logo                     : # ํ™”๋ฉด์— ๋ณด์—ฌ์ง€๋Š” logo ์ด๋ฏธ์ง€์ž…๋‹ˆ๋‹ค. "assets/images"๋กœ ์„ธํŒ…ํ•ฉ๋‹ˆ๋‹ค.
masthead_title           : "์ •๋ฆฌ๊ฐ€ ์žฌ๋ฐŒ๋Š” ๊ฐœ๋ฐœ์ž"     # ํ™”๋ฉด title ์ž…๋‹ˆ๋‹ค.

๋ธ”๋กœ๊ทธ ์ „๋ฐ˜์˜ ๊ธฐ๋ณธ ์‚ฌํ•ญ๋“ค์ž…๋‹ˆ๋‹ค. ์ˆœ์„œ์™€๋Š” ๋ฌด๊ด€ํ•˜๊ฒŒ ์„ค๋ช…์„ ์ž˜ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š”!
๋ชจ๋‘ ๋‹ค ์ˆ˜์ •ํ•˜์‹ค ํ•„์š”๋Š” ์—†์Šต๋‹ˆ๋‹ค. ์ƒ์„ธํ•œ ๋‚ด์šฉ์€ ์œ„์˜ ์ฝ”๋“œ๋ฅผ ํ™•์ธํ•ด์ฃผ์„ธ์š”.
์ฃผ์„์•„ ์•„๋‹Œ ๋ถ€๋ถ„์€ ์‹ค์ œ๋กœ ์ œ๊ฐ€ ์ ์šฉํ•œ ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค. ์ฐธ๊ณ ํ•˜๋ฉด์„œ ์ ์šฉํ•ด๋ณด์„ธ์š”!
๊ตฌ์ ˆ์„ ์ ์šฉํ•ด๋ณด์‹œ๋ฉด์„œ ๋กœ์ปฌ ์„œ๋ฒ„์—์„œ ํ™•์ธํ•ด๋ณด์„ธ์š”!

http://127.0.0.1:4000 ์œผ๋กœ ํ™•์ธํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ์ˆ˜์ • ํŒŒ์ผ : github.io ํด๋” > _config.yml
# Site Author
author:
  name             : "Dang Hyeona"                  # ์ด๋ฆ„ ์˜์—ญ์ž…๋‹ˆ๋‹ค.
  avatar           : "image/profile/2020me.jpg"     # ํ”„๋กœํ•„ ์‚ฌ์ง„ ๊ฒฝ๋กœ์ž…๋‹ˆ๋‹ค.
  bio              : "**๊ธฐ๋ก์ด ์ž์‚ฐ!!**<br>๋งค์ผ ๊ณต๋ถ€ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.<br>์†Œํ†ต์„ ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค."
                     # biography์˜ ์•ฝ์นญ์œผ๋กœ, ์ž๊ธฐ์†Œ๊ฐœ๋ฅผ ์ ์œผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.
                     # ์ค„๋ฐ”๊ฟˆ์€ <br>๋กœ ๊ตต์€ ๊ธ€์”จ๋Š” **๊ธ€์”จ** ๋กœ ํ‘œ๊ธฐํ•ด์ฃผ์„ธ์š”. 
  location         : "Republic of Korea"            # ์ง€์—ญ ์ž…๋‹ˆ๋‹ค. 
  email            : # ์ด๋ฉ”์ผ ์ฃผ์†Œ์ž…๋‹ˆ๋‹ค. (links์—์„œ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์ƒ๋žตํ•˜์˜€์Šต๋‹ˆ๋‹ค.)
  links:
    - label: "Email"
      icon: "fas fa-fw fa-envelope-square"
      url: mailto:eona1301@email.com
    - label: "GitHub"
      icon: "fab fa-fw fa-github"
      url: "https://github.com/eona1301"
    - label: "Facebook"
      icon: "fab fa-fw fa-facebook-square"
      url: "https://www.facebook.com/eona1301"
    - label: "Instagram"                            # ํ‘œ์‹œ๋˜๋Š” ์ด๋ฆ„์ž…๋‹ˆ๋‹ค.
      icon: "fab fa-fw fa-instagram"                # fab fa-fw fa-{SNS NAME} ์œผ๋กœ ํ•ด์ฃผ์„ธ์š”.
      url: "https://www.instagram.com/danghyeona/"  # ๊ฐœ์ธ SNS ๊ณ„์ • ๋งํฌ๋ฅผ ๊ธฐ์žฌํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.

๋ธ”๋กœ๊ทธ ์ขŒ์ธก์—์„œ ๋ณด์—ฌ์ง€๋Š” ํ”„๋กœํ•„์˜ ์˜์—ญ์ž…๋‹ˆ๋‹ค.
๋ฐ”๋กœ ๋ณด์—ฌ์ง€๋‹ค๋ณด๋‹ˆ, ์•„๋ฌด๋ž˜๋„ ๋งŽ์€ ๋ถ„๋“ค์ด ์ œ์ผ ๋จผ์ € ์‹ ๊ฒฝ์“ฐ๋Š” ์˜์—ญ์ด ๋  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.
์ €์˜ ๊ฒฝ์šฐ๋Š” ํ”„๋กœํ•„ ์‚ฌ์ง„์„ ๋ณด๊ด€ํ•  ๊ณณ์€ image๋ผ๊ณ  ๋”ฐ๋กœ ๋งŒ๋“ค์–ด์„œ ์ง„ํ–‰ํ•˜์˜€์Šต๋‹ˆ๋‹ค๋งŒ,
์›๋ž˜ ์žˆ๋Š” assets์˜ ํด๋”๋ฅผ ๋ฐ”๋กœ ํ™œ์šฉํ•ด์ฃผ์…”๋„ ๊ดœ์ฐฎ์Šต๋‹ˆ๋‹ค.
์‚ฌ์ง„์˜ ๊ฒฝ๋กœ์™€ ํ™•์žฅ์ž๋ช…(.png, .jpg ๋“ฑ)๊นŒ์ง€ ๋ช…ํ™•ํžˆ ๊ธฐ์žฌํ•ด์ฃผ์„ธ์š”!

๋˜ํ•œ, email ๊ธฐ์žฌ ์‹œ ์ด๋ฉ”์ผ ์ฃผ์†Œ๋ฅผ ๋ˆ„๋ฅด๋ฉด ์ด๋ฉ”์ผ ๊ธฐ์žฌ๋ฅผ ํ•  ์ˆ˜ ์žˆ๋„๋ก mailto: ๋ฅผ ๋ถ™์—ฌ์ฃผ์…”์•ผํ•ด์š”!

  • ์ˆ˜์ • ํŒŒ์ผ : github.io ํด๋” > _config.yml
# Site Footer
footer:
  links:
    - label: "Email"
      icon: "fas fa-fw fa-envelope-square"
      url: mailto:eona1301@email.com
    - label: "Twitter"
      icon: "fab fa-fw fa-twitter-square"
      # url:                                        # ์ด๋Ÿฐ์‹์œผ๋กœ url์„ ์ฃผ์„์ฒ˜๋ฆฌํ•˜๋ฉด ๋…ธ์ถœ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
    - label: "Facebook"
      icon: "fab fa-fw fa-facebook-square"
      url: "https://www.facebook.com/eona1301"
    - label: "GitHub"
      icon: "fab fa-fw fa-github"
      url: "https://github.com/eona1301"
    - label: "GitLab"
      icon: "fab fa-fw fa-gitlab"
      # url:
    - label: "Bitbucket"
      icon: "fab fa-fw fa-bitbucket"
      # url:
    - label: "Instagram"
      icon: "fab fa-fw fa-instagram"
      url: "https://www.instagram.com/danghyeona/"

ํ”„๋กœํ•„์˜ ๋งจ ํ•˜๋‹จ์— ์žˆ๋Š” footer์˜ ๊ธฐ์žฌ์‚ฌํ•ญ์ž…๋‹ˆ๋‹ค.
์ขŒ์ธก ํ”„๋กœํ•„ ์˜์—ญ๊ณผ ๋™์ผํ•œ ๋ฐ์ดํ„ฐ๋ผ Ctrl C + Ctrl V๋งŒ ํ•˜๋ฉด ๊ธˆ๋ฐฉ ๋งŒ๋“ค์–ด์ง€๋Š” ์˜์—ญ์ž…๋‹ˆ๋‹ค.
๊ธฐ๋ณธ ์–‘์‹์ฒ˜๋Ÿผ ์žˆ๋Š” ์˜์—ญ์ด ๋Œ€๋‹ค์ˆ˜์ธ๋ฐ ์‚ฌ์‹ค ์•ˆํ•˜๋Š” SNS๊ฐ€ ๋” ๋งŽ์•„์„œ url์„ ์ฃผ์„์ฒ˜๋ฆฌํ•˜๋ฉด ๋…ธ์ถœ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

ํ”„๋กœํ•„ ์˜์—ญ๊ณผ ๋™์ผํ•˜๊ฒŒ, email ๊ธฐ์žฌ ์‹œ ์ด๋ฉ”์ผ ์ฃผ์†Œ๋ฅผ ๋ˆ„๋ฅด๋ฉด ์ด๋ฉ”์ผ ๊ธฐ์žฌ๋ฅผ ํ•  ์ˆ˜ ์žˆ๋„๋ก mailto: ๋ฅผ ๋ถ™์—ฌ์ฃผ์…”์•ผํ•ด์š”!

  • ์ˆ˜์ • ํŒŒ์ผ : github.io ํด๋” > _config.yml
# Outputting
permalink: /:categories/:title/
paginate: 15                                    # Defaults : 5
paginate_path: /page:num/
timezone: # https://en.wikipedia.org/wiki/List_of_tz_database_time_zones

์ฝ”๋“œ ์ƒ ๋‘๋ฒˆ์งธ ์ค„์— ์œ„์น˜ํ•œ ๊ฐ’ painate์˜ ์†์„ฑ์ด ๋ณด์—ฌ์งˆ ๊ฐœ์ˆ˜์ž…๋‹ˆ๋‹ค.
์ด๊ฑธ ์›ํ•˜๋Š” ๊ฐœ์ˆ˜๋Œ€๋กœ ๊ณ ์ณ์ฃผ์‹œ๋ฉด ๋˜๊ฒ ์Šต๋‹ˆ๋‹ค.

  • ์ˆ˜์ • ํŒŒ์ผ : github.io ํด๋” > _config.yml
# Defaults
defaults:
  # _posts
  - scope:
      path: ""
      type: posts
    values:
      layout: single
      author_profile: true
      read_time: true
      comments: # true
      share: true
      related: true
  
  # _pages                      : ํ•ด๋‹น ํ•˜๋‹จ ์˜์—ญ์ด ์ƒˆ๋กœ ์ถ”๊ฐ€๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
  - scope:
      path: "_pages"
      type: pages
    values:
      layout: single
      author_profile: true

์•ž์„œ ์ฐธ๊ณ ํ•˜๊ณ ์ž ํ•˜์˜€๋˜, Docs ํด๋”์˜ _config.yml๋ฅผ ๋ชจ๋ฐฉํ–ˆ์Šต๋‹ˆ๋‹ค!
ํฌ์Šคํ„ฐ ๊ธ€์„ ์—…๋ฐ์ดํŠธํ•˜๋Š”๋ฐ, ํด๋”ํ™”๋ฅผ ์‹œ์ผœ์„œ ํŒŒ์ผ ์ •๋ฆฌํ•˜๋Š”๊ฒŒ ์ข‹์„ ๊ฒƒ๊ฐ™์•„ ํ™•์ธํ–ˆ์Šต๋‹ˆ๋‹ค.
ํ•„์ˆ˜ ์‚ฌํ•ญ์€ ์•„๋‹ˆ๋‹ˆ ์ƒ๋žตํ•ด์ฃผ์…”๋„ ๋ฉ๋‹ˆ๋‹ค.

[03] ์นดํ…Œ๊ณ ๋ฆฌ ์„ค์ •ํ•˜๊ธฐ

  • ์ˆ˜์ • ํŒŒ์ผ : github.io ํด๋” > _data ํด๋” > navigation.yml
# main links
main:
  #- title: "Home"
  #  url: "/"
  - title: "Introduce"
    url: /about/
  - title: "Category"
    url: "/categories/"
  - title: "Tags"
    url: /tags/

title์€ ํ™”๋ฉด์— ๋ณด์—ฌ์ง€๋Š” ์˜์—ญ์ž…๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์— ๊ธฐ์žฌํ•˜๋Š” ํ…์ŠคํŠธ๊ฐ’๋Œ€๋กœ ๋ณด์—ฌ์ง‘๋‹ˆ๋‹ค.
url์€ _pages๋‚ด์— ์ •ํ•ด์ ธ์žˆ๋Š” ์–‘์‹ ํ˜น์€ ํŠน์ • ๋งํฌ๋กœ ์—ฐ๊ฒฐํ•ด์ค๋‹ˆ๋‹ค.

_pages๋‚ด์˜ ์–‘์‹์„ ๊ทธ๋Œ€๋กœ ํ™œ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ํŠน์ •ํ•œ permalink ๋ฅผ ์•Œ์•„์•ผํ•ฉ๋‹ˆ๋‹ค.
์ด ๋‚ด์šฉ์€ _pages ๋‚ด์˜ ์ƒ์„ธํ•œ ๋‚ด์šฉ์—์„œ ์ž์„ธํžˆ ์•Œ๋ ค๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค!

minimal mistakes์˜ ๋Œ€๋‹ค์ˆ˜๋Š” /page name/ ์œผ๋กœ ํ•ด์†Œ๋ฉ๋‹ˆ๋‹ค.

์›ํ•˜๋Š” page ์ˆ˜์ •

  • ์ˆ˜์ • ํŒŒ์ผ : github.io ํด๋” > _pages ํด๋” > ์›ํ•˜๋Š” md ํŒŒ์ผ (ํ•ด๋‹น ์˜ˆ์‹œ๋Š” about.md ์ž…๋‹ˆ๋‹ค.)
---
permalink: /about/
title: "About"
toc: true
toc_sticky: true
toc_label: "MYSELF"
---

![icon](/assets/logo.ico/apple-icon-120x120.png)

์›ํ•˜๋Š” ์ž๊ธฐ์†Œ๊ฐœ ์ƒ์„ธ ๋‚ด์šฉ

์ƒ๋‹จ์— permalink ๋กœ ๋˜์–ด์žˆ๋Š” ๋‚ด์šฉ์„ ๊ทธ๋Œ€๋กœ ์ฐจ์šฉํ•ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.
title์€ ๋ง๊ทธ๋Œ€๋กœ ์ œ๋ชฉ์ž…๋‹ˆ๋‹ค. ์ƒ๋žตํ•ด์ฃผ์…”๋„ ๋ฉ๋‹ˆ๋‹ค.

toc ๋‹ค๋ฃจ๊ธฐ

toc๋Š” Table of Contents์˜ ์•ฝ์นญ์œผ๋กœ ๋ชจ๋“  ํฌ์Šคํ„ฐ์˜ ์šฐ์ธก์— ์ ํž ์ˆ˜ ์žˆ๋Š” ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค.
ํ•„์ˆ˜ ์‚ฌํ•ญ์€ ์•„๋‹ˆ๋ผ์„œ toc, toc_sticky, toc_label ๋ชจ๋‘ ์ƒ๋žตํ•˜์…”๋„ ๋ฉ๋‹ˆ๋‹ค.

ํ•˜์ง€๋งŒ ์„ค๋ช…ํ•˜๋Š” ๋‚ด์šฉ์ด ๊ธธ์–ด์งˆ์ˆ˜๋ก, ์›ํ•˜๋Š” ์ •๋ณด๋ฅผ ์ฐพ๊ณ ์žํ•˜๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ๋ถˆํŽธํ•˜๊ฒ ์ฃ ?
์ €๋Š” ๋ฌด์กฐ๊ฑด ์Šคํฌ๋กค์ด ์ƒ๊ธฐ๋Š” ๋‚ด์šฉ์ด๋ผ๋ฉด toc๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

  • toc : ๋ชฉ์ฐจ (ํด๋ฆญ ์‹œ ํ™”๋ฉด ์ด๋™๊นŒ์ง€ ๊ฐ€๋Šฅ)
  • toc_sticky : true๋กœ ๋งŒ๋“ค์–ด์ฃผ๋ฉด, ํ™”๋ฉด์„ ์˜ฎ๊ฒจ๋„(์Šคํฌ๋กค์„ ํ•ด๋„) ํ•ญ์ƒ ์šฐ์ธก ์ƒ๋‹จ์— ๊ณ ์ •๋˜์–ด์žˆ์Šต๋‹ˆ๋‹ค.
  • toc_label : toc์˜ ์ œ๋ชฉ์ž…๋‹ˆ๋‹ค. ์ง€์ •ํ•˜์ง€ ์•Š์œผ๋ฉด MY PAGE๊ณผ ๊ฐ™์€ ๊ธฐ๋ณธ๊ฐ’์œผ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค.

[04] ๋ณธ๋ฌธ ๊ด€๋ จ ์„ค์ •ํ•˜๊ธฐ

WIDTH ์กฐ์ ˆํ•˜๊ธฐ

  • ์ˆ˜์ • ํŒŒ์ผ : github.io ํด๋” > _sass ํด๋” > _minimal-mistakes ํด๋” > _variables.scss
/*
   Grid
   ========================================================================== */

$right-sidebar-width-narrow: 100px !default;    // default 200px
$right-sidebar-width: 200px !default;           // default 300px
$right-sidebar-width-wide: 250px !default;      // default 400px

ํ˜„์žฌ์˜ ์ฝ”๋“œ๋Š” _variables.scss ์ค‘์—์„œ๋„ ๊ฑฐ์˜ ์ตœํ•˜๋‹จ์— ์žˆ์Šต๋‹ˆ๋‹ค.
์ฐพ์œผ์‹ค ๋•Œ ๋ฌด์ˆ˜ํ•œ ์ฝ”๋“œ๋ฅผ ๋‹ค ๋‚ด๋ฆฌ์ง€๋งˆ์‹œ๊ณ , ์ œ์ผ ์•„๋ž˜์˜ ์Šคํฌ๋กค๋กœ ๋‚ด๋ฆฌ์„ธ์š”.
๋ณธ๋ฌธ์— ๋„ˆ๋น„๋ฅผ ์ง์ ‘์ ์œผ๋กœ ๋„“ํžˆ๋Š”๊ฒŒ ์•„๋‹ˆ๋ผ, ์–‘์ชฝ์— sidebar๋ฅผ ์กฐ์ ˆํ•˜๋Š” ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค.
๊ฐ ๊ธฐ๋ณธ ๊ฐ’์€ 200, 300, 400px์ด์˜€์ง€๋งŒ 100, 200, 250px๋กœ ์กฐ์ ˆํ–ˆ์Šต๋‹ˆ๋‹ค.
ํ˜น์‹œ๋ผ๋„ ๋Œ๋ ค๋†“๊ณ  ์‹ถ์„๊นŒ๋ด ์ฃผ์„์œผ๋กœ ๋‚จ๊ฒจ๋‘์—ˆ์Šต๋‹ˆ๋‹ค!

๋กœ์ปฌ ์„œ๋ฒ„๋กœ ์ ์šฉํ•˜๋Š” ๋ฒ”์œ„๋ฅผ ํ™•์ธํ•ด๋ณด์‹œ๊ณ , ์›ํ•˜์‹œ๋Š” ๊ฐ’์œผ๋กœ ์กฐ์ •ํ•ด๋ณด์„ธ์š”!

BLOG FONT ์กฐ์ ˆํ•˜๊ธฐ

  • ์ˆ˜์ • ํŒŒ์ผ : github.io ํด๋” > _sass ํด๋” > _minimal-mistakes ํด๋” > _reset.scss
html {
  /* apply a natural box layout model to all elements */
  box-sizing: border-box;
  background-color: $background-color;
  font-size: 16px;                    // Default 16px;

  @include breakpoint($medium) {
    font-size: 16px;                  // Default 18px;
  }

  @include breakpoint($large) {
    font-size: 16px;                  // Default 20px;
  }

  @include breakpoint($x-large) {
    font-size: 16px;                  // Default 22px;
  }

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

์› ์ฝ”๋“œ์˜ ์ƒ๋‹จ๋ถ€(7๋ฒˆ์ค„)์— ์žˆ๋Š” ์ฝ”๋“œ์ด๊ธฐ์— ๊ธˆ๋ฐฉ ์ฐพ์œผ์‹ค ์ˆ˜ ์žˆ์œผ์‹ค ๊ป๋‹ˆ๋‹ค.
์ „์ฒด์ ์ธ ํฐํŠธ์˜ ๊ธฐ์ค€์€ ์—†์Šต๋‹ˆ๋‹ค!
๋กœ์ปฌ ์„œ๋ฒ„์—์„œ ์ง์ ‘ ๋“ฑ๋กํ•ด๋ณด์‹œ๋ฉด์„œ, ์›ํ•˜์‹œ๋Š” ํฌํ‚ค๋กœ ์กฐ์ •ํ•˜์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.

ํ•˜์ดํผ๋งํฌ ๋ฐ‘์ค„ ์ œ๊ฑฐ

  • ์ˆ˜์ • ํŒŒ์ผ : github.io ํด๋” > _sass ํด๋” > _minimal-mistakes ํด๋” > _base.scss
a {
  text-decoration: none;                // ์ถ”๊ฐ€๋œ ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค.

  &:focus {
    @extend %tab-focus;
  }

  &:visited {
    color: $link-color-visited;
  }

  &:hover {
    color: $link-color-hover;
    outline: 0;
  }
}

base ํŒŒ์ผ์˜ ์ค‘๋ฐ˜๋ถ€(127๋ฒˆ์ค„)์— ์žˆ์Šต๋‹ˆ๋‹ค.
์ฐพ๊ธฐ ํž˜๋“œ์‹ค ๋•Œ๋Š” Ctrl + F๋ฅผ ํ†ตํ•ด a{ ๋ฅผ ๊ฒ€์ƒ‰ํ•˜์…”์„œ ํ™•์ธํ•ด๋ณด์„ธ์š”!
์ดํ›„ ํ•˜์ดํผ๋งํฌ ์ฒ˜๋ฆฌ์™€ ๊ด€๋ จ๋œ decoration์„ ํ•ด์ง€ํ•ด์•ผํ•˜๋‹ˆ ์ด๋ฅผ ์ „์ฒด์— ์ ์šฉ๋  ์ˆ˜ ์žˆ๋„๋ก ์ถ”๊ฐ€ํ•ด์ฃผ์‹œ๋ฉด ๋˜๊ฒ ์Šต๋‹ˆ๋‹ค!

[05] ํŒŒ๋น„์ฝ˜(์›น ์•„์ด์ฝ˜) ์„ค์ •

realfavicongenerator์— ์ ‘์†ํ•ด์„œ ์›ํ•˜๋Š” ์‚ฌ์ง„์„ ๋„ฃ์–ด์ฃผ์„ธ์š”.

๊ทธ๋Ÿผ ์ด ์ฝ”๋“œ๋ฅผ ๋ณด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์ด ์ฝ”๋“œ๋ฅผ ํ™œ์šฉํ•ด์„œ ๋ธ”๋กœ๊ทธ์— ์ ์šฉํ•ด๋ด…์‹œ๋‹ค.

  • ์ˆ˜์ • ํŒŒ์ผ : github.io ํด๋” > _includes ํด๋” > _head ํด๋” > custom.html
<!-- start custom head snippets -->

<!-- insert favicons. use https://realfavicongenerator.net/ -->
<link rel="apple-touch-icon" sizes="180x180" href="{{site.baseurl}}/assets/logo.ico/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="{{site.baseurl}}/assets/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="{{site.baseurl}}/assets/logo.ico/favicon-16x16.png">
<link rel="mask-icon" href="{{site.baseurl}}/assets/logo.ico/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

<!-- end custom head snippets -->

์ตœ์ข…์ ์œผ๋กœ ์—…๋ฐ์ดํŠธ ๋œ ์ฝ”๋“œ๋Š” ์ด์™€ ๊ฐ™์Šต๋‹ˆ๋‹ค.
์ฒ˜์Œ ๋ฐ›์€ ์ฝ”๋“œ์™€ ๋‹ค๋ฅธ ๋‚ด์šฉ์€ href์˜ ์˜์—ญ ์ฆ‰ ์ƒ์„ธ ๋งํฌ์ž…๋‹ˆ๋‹ค.
ํŒŒ์ผ ์ด๋ฆ„ ์•ž์— {{site.baseurl}}/assets/logo.ico ๋ฅผ ์ถ”๊ฐ€ํ•ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.

์ด๋ ‡๊ฒŒ ์ตœ์ข…์ ์œผ๋กœ ์ ์šฉ๋œ ๋ชจ์Šต์„ ํ™•์ธํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

[06] ๋ธ”๋กœ๊ทธ ํฌ์ŠคํŒ… ํ•ด๋ณด๊ธฐ

ํด๋” ์ƒ์„ฑํ•˜๊ธฐ

  • ์ƒ์„ฑ ํŒŒ์ผ : github.io ํด๋” > _posts ํด๋”

์ด์ „์— docs ํŒŒ์ผ์„ ์ฐธ๊ณ ํ•˜์—ฌ, ํฌ์ŠคํŒ… ๊ธ€์„ ์ •๋ฆฌํ•  ํด๋” _posts๋ฅผ ์ƒ์„ฑํ•˜์˜€์Šต๋‹ˆ๋‹ค.
์—ฌ๊ธฐ๊นŒ์ง€๋งŒ ํ•˜๋ฉด, ํฌ์ŠคํŒ…์€ ์ถฉ๋ถ„ํžˆ ๋“ฑ๋กํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํฌ์Šคํ„ฐ ์–‘์‹ ํ™•์ธ

docs์˜ post๋ฅผ ์ฐธ๊ณ ํ•˜๋ฉด์„œ ํ™•์ธํ•ด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

์˜ˆ์‹œ ํฌ์Šคํ„ฐ ์ž…๋‹ˆ๋‹ค. ์ž์„ธํžˆ ๋ณด์‹œ๋ฉด ---๋กœ ์žˆ๋Š” ๊ตฌ๊ฐ„์ด ์žˆ์Šต๋‹ˆ๋‹ค.
์ด ์•ˆ์—์„œ ์ƒ์„ธ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•˜์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.
๊ธฐ๋ณธ์ ์ธ ์–‘์‹์„ ์„ค๋ช…ํ•ด๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.

  • ํŒŒ์ผ๋ช… : YEAR_MONTH_DAY-title.md
  • ๋‚ด๋ถ€์–‘์‹
namemean
title์‹ค์ œ ํ™”๋ฉด์— ๋ณด์ด๋Š” ์ œ๋ชฉ
categoriesํฌ์Šคํ„ฐ์˜ ์†Œ์† ์นดํ…Œ๊ณ ๋ฆฌ
tagsํฌ์Šคํ„ฐ ํƒœ๊ทธ
toctable of content์˜ ์•ฝ์นญ, ์šฐ์ธก ์ƒ๋‹จ์˜ ๋ชฉ์ฐจ
toc_labeltoc์˜ ์ด๋ฆ„
toc_icontoc์˜ ์•„์ด์ฝ˜
toc_stickytoc์˜ ๊ณ ์ •์œ ๋ฌด, ๊ณ ์ •(true)์‹œ ์Šคํฌ๋กค์—๋„ ์šฐ์ธก์ƒ๋‹จ์— ๊ณ ์ •๋˜๊ฒŒ ๋ณด์ธ๋‹ค.
last_modified_at๊ฒŒ์‹œ๊ธ€ ๋งˆ์ง€๋ง‰ ์ˆ˜์ •์ผ, ํฌ์Šคํ„ฐ์—๋Š” ๋…„์›”์ผ๊นŒ์ง€ ๋ณด์—ฌ์ง‘๋‹ˆ๋‹ค.

ํฌ์Šคํ„ฐ ๋‚ด์šฉ ์ž‘์„ฑ

ํ˜„์žฌ ํ•ด๋‹น ํฌ์Šคํ„ฐ ์ž‘์„ฑ ํ™”๋ฉด์ž…๋‹ˆ๋‹ค.
์ขŒ์ธก๋ถ€ํ„ฐ Markdown ํ™”๋ฉด, Markdown ์ ์šฉ ํ™”๋ฉด, ๋กœ์ปฌ์„œ๋ฒ„ ์ ์šฉ ํ™”๋ฉด์ž…๋‹ˆ๋‹ค.
์ œ๊ฐ€ ํ–ˆ๋˜ github log๋„ ๋ณด๊ณ , ์„œ์นญ์„ ํ†ตํ•ด ์ถ”๊ฐ€์ ์œผ๋กœ ๋“ค์–ด๊ฐ€๋ฉด ์ข‹์€ ๋‚ด์šฉ์ด ์žˆ์„์ง€ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค.

์˜ˆ์ƒํ•˜์‹  ๊ฒƒ์ฒ˜๋Ÿผ, github blog์˜ ํฌ์Šคํ„ฐ ๊ธ€์€ Markdown ๋ฌธ๋ฒ•์‚ฌํ•ญ์„ ๊ฐ–๊ณ ์žˆ์Šต๋‹ˆ๋‹ค.
ํ•˜์ง€๋งŒ ์‹ค์ œ๋กœ ์“ธ ์ˆ˜ ์žˆ๋Š” ๋ฌธ๋ฒ• ์‚ฌํ•ญ๊ณผ ์ ์šฉ๋˜๋Š” ๊ฒƒ์— ์ฐจ์ด๊ฐ€ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— 2์ค‘์œผ๋กœ ํ™•์ธํ•ด๋ณด๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
Markdown ๋ฌธ๋ฒ•๋„ ๋‹ค์‹œ ํ•œ๋ฒˆ ์ •๋ฆฌํ•  ๊ฒƒ์ด์ง€๋งŒ, ๋ธ”๋กœ๊ทธ ํฌ์ŠคํŒ…์„ ํ•  ๋•Œ ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ๋‚ด์šฉ์„ ์ •๋ฆฌํ•ด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

์ด๋Š” ๊ณต์‹ ๊ฐ€์ด๋“œ์™€ ์ธํ„ฐ๋„ท ์„œ์นญ์„ ์ฐธ๊ณ ํ•ด ์‹ค์ œ๋กœ ํฌ์ŠคํŒ… ์‹œ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ๋‚ด์šฉ์„ ๊ธฐ์žฌํ•˜์˜€์Šต๋‹ˆ๋‹ค!

๋ฌธ์ž ์ •๋ ฌ

์ด๋ฏธ์ง€ ์ •๋ ฌ



๋ฌธ์ž ๋ฐ•์Šค

Notice TypeClass
Default.notice
Primary.notice--primary
Info.notice--info
Warning.notice--warning
Success.notice--success
Danger.notice--danger

[07] ๋Œ“๊ธ€ ๊ธฐ๋Šฅ ์ถ”๊ฐ€ํ•˜๊ธฐ

  • ์ˆ˜์ • ํŒŒ์ผ : github.io ํด๋” > _config.yml
# _config.yml, 32line ์ฝ”๋“œ
comments:
  provider    : "disqus"                                # comment ์ฒ˜๋ฆฌ ์‚ฌ์ดํŠธ ๋ช…์นญ ๊ธฐ์žฌ
              # false (default), "disqus", "discourse", "facebook"
              # "staticman", "staticman_v2", "utterances", "custom"
  disqus:
    shortname : "eona1301-github-io"                    # disqus์˜ shortname ๊ธฐ์žฌ
              # https://help.disqus.com/customer/portal/articles/466208-what-s-a-shortname-

# _config.yml, 270line ์ฝ”๋“œ

# Defaults
defaults:
  # _posts
  - scope:
      path: ""
      type: posts
    values:
      layout: single
      author_profile: true
      read_time: true
      comments: true                                    # comment ๋ฅผ ์ฃผ์„ ํ•ด์ง€ ํ›„ true๋กœ ์ˆ˜์ •ํ•˜๊ธฐ
      share: true
      related: true
  
  # _pages
  - scope:
      path: "_pages"
      type: pages
    values:
      layout: single
      author_profile: true

์œ„์˜ ์ฝ”๋“œ๋ฅผ ๋ชจ๋‘ ์ž‘์„ฑํ•œ ํ›„ git push ํ•ด์ฃผ์„ธ์š”!
์—ฌ๊ธฐ์„œ ์ค‘์š”ํ•œ ์ ์€ ๋กœ์ปฌ ์„œ๋ฒ„์—์„œ๋Š” comment ์ฒ˜๋ฆฌ๋ถ€๋ถ„์ด ๋ณด์—ฌ์ง€์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
๋˜, git push๋ฅผ ํ•ด์ฃผ์…”๋„ ๋ฐ˜์˜๋˜๋Š”๋ฐ์— ๋”œ๋ ˆ์ด๊ฐ€ ๊ฑธ๋ฆฌ๊ธฐ ๋•Œ๋ฌธ์— ์ฝ”๋“œ ์ˆ˜์ • ํ›„ 5~10๋ถ„ ์ •๋„ ๊ธฐ๋‹ค๋ ค์ฃผ์„ธ์š”.

[08] ๋ฐฉ๋ฌธ์ž ํ†ต๊ณ„ ๋ณด๊ธฐ

Google Analytics ์— ์ ‘์†ํ•˜์‹œ๋ฉด ๋ฌด๋ฃŒ๋กœ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
๋˜ ๋ณธ์ธ์˜ Github Blog๋ฅผ ๋“ฑ๋กํ•˜์‹  ํ›„ tracking_id๋ฅผ ์ฐพ์•„์ฃผ์„ธ์š”.

  • ์ˆ˜์ • ํŒŒ์ผ : github.io ํด๋” > _config.yml
# Analytics
analytics:
  provider               : "google-gtag" 
                          # false (default), "google", "google-universal", "google-gtag", "custom"
  google:
    tracking_id          : "G-5HQPK7RHNC"
    anonymize_ip         : # true, false (default)

์ด๋ฅผ git pushํ•ด์ฃผ์„ธ์š”. ๋Œ“๊ธ€ ๊ธฐ๋Šฅ๋ณด๋‹ค๋Š” ๋” ๋น ๋ฅด๊ฒŒ ๋ฐ”๋กœ ๋ฐ˜์˜๋ฉ๋‹ˆ๋‹ค.

์ด์ œ Google Analytics์—์„œ ๋ฐฉ๋ฌธ์ž ์ˆ˜๊ฐ€ ์นด์šด๋”ฉ๋ฉ๋‹ˆ๋‹ค.
tracking_id๋ฅผ ์—ฐ๊ฒฐํ•œ ํ›„๋ถ€ํ„ฐ ์นด์šด๋”ฉํ•˜๊ธฐ ๋•Œ๋ฌธ์—, ์ฒซ ํ™”๋ฉด์€ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ๋‹ค๋Š” ์  ์œ ์˜ํ•ด์ฃผ์„ธ์š”.

[09] ๊ตฌ๊ธ€ ๊ฒ€์ƒ‰ ๋…ธ์ถœ์‹œํ‚ค๊ธฐ

Google search Console์€ ๋ง๊ทธ๋Œ€๋กœ google์—์„œ ๊ฒ€์ƒ‰์„ ํ•˜์˜€์„ ๋•Œ,
๋‚˜์˜ ์‚ฌ์ดํŠธ๊ฐ€ ๋ณด์—ฌ์งˆ ์ˆ˜ ์žˆ๋„๋ก ๋“ฑ๋กํ•˜๋Š” Google์˜ ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค. ๋‹น์—ฐํžˆ Google ๊ณ„์ •์ด ํ•„์š”ํ•˜๊ฒ ์ฃ ?

์ด์ „์˜ ๋Œ“๊ธ€ ๊ธฐ๋Šฅ์ฒ˜๋Ÿผ ์ฝ”๋“œ ์ƒ์œผ๋กœ ์ถ”๊ฐ€ํ•˜์‹ค ๊ฑด ์—†์Šต๋‹ˆ๋‹ค!

์œ ํšจํ•œ URL์ธ์ง€ ํ™•์ธ์ด ๋˜๋ฉด ์†Œ์œ ๊ถŒ์„ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•ด์„œ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ํ™”๋ฉด์ด ๋œน๋‹ˆ๋‹ค.

  • HTML ํŒŒ์ผ : ์›น์‚ฌ์ดํŠธ์— HTML ํŒŒ์ผ ์—…๋กœ๋“œ (๊ถŒ์žฅ)
  • HTML ํƒœ๊ทธ : ์‚ฌ์ดํŠธ ํ™ˆํŽ˜์ด์ง€์— ๋ฉ”ํƒ€ํƒœ๊ทธ ์ถ”๊ฐ€
  • Google ์• ๋„๋ฆฌํ‹ฑ์Šค : Google ์• ๋„๋ฆฌํ‹ฑ์Šค ๊ณ„์ • ์‚ฌ์šฉ
  • Google ํƒœ๊ทธ ๊ด€๋ฆฌ์ž : Google ํƒœ๊ทธ ๊ด€๋ฆฌ์ž ๊ณ„์ • ์‚ฌ์šฉ
  • ๋„๋ฉ”์ผ ์ด๋ฆ„ ๊ณต๊ธ‰์—…์ฒด ; DNS ๋ ˆ์ฝ”๋“œ์™€ Google ์—ฐ๊ฒฐ

์ด๋ ‡๊ฒŒ ์—„์ฒญ๋‚˜๊ฒŒ ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์ด ์กด์žฌํ•˜์ง€๋งŒ, ์ „ HTML ํŒŒ์ผ์„ ์ง„ํ–‰ํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.
์šฐ์„  ํ˜„์žฌ HTML ํŒŒ์ผ์„ ๋‹ค์šด๋ฐ›์•„์ค์‹œ๋‹ค.

HTML ํŒŒ์ผ ์„ธํŒ…

์ด๋ ‡๊ฒŒ ๋‹ค์šด๋ฐ›์€ HTML ํŒŒ์ผ์€ _config.xml๊ณผ ๋™์ผํ•œ ์œ„์น˜(Root ์œ„์น˜)์— ๋„ฃ์–ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.
commit์„ ํ•˜๊ธฐ ์ „์— http://127.0.0.1:4000/google_HTML_ํŒŒ์ผ๋ช….HTML ์œผ๋กœ Local Test๋ฅผ ํ•ด์ฃผ์„ธ์š”.

์ด๋ ‡๊ฒŒ ํŒŒ์ผ์˜ ๋ช…๊ณผ ํ•จ๊ป˜ ์ •์ƒ์ ์œผ๋กœ ๋ณด์—ฌ์ง„๋‹ค๋ฉด, ์ •ํ™•ํ•˜๊ฒŒ ๋“ฑ๋ก์„ ํ•˜์‹ ๊ฒ๋‹ˆ๋‹ค.
์•„์ง ์ด๋Š” ํ˜„์žฌ์˜ ์‚ฌ์ดํŠธ๊ฐ€ ๋‚ด ์†Œ์œ ์ด๋‹ค๋ฅผ ์•Œ๋ ค์ฃผ๋Š” ๊ฒƒ๋ฟ, ๊ฒ€์ƒ‰์˜ url ์ •๋ณด๋ฅผ ํฌ๋กค๋ง์€ ํ•  ์ˆ˜๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.
๋”ฐ๋ผ์„œ ์ด๋Ÿฌํ•œ ์ž‘์—…์„ ํ•  ์ˆ˜ ์žˆ๋„๋ก, ์ถ”๊ฐ€์ ์ธ ๋‚ด์šฉ์„ ์ถ”๊ฐ€ํ•ด์ค์‹œ๋‹ค!

sitemap.xml ๋งŒ๋“ค๊ธฐ

---
layout: null
---

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"
        xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
    {% for post in site.posts %}
    <url>
        <loc>{{ site.url }}{{ post.url }}</loc>
        {% if post.lastmod == null %}
        <lastmod>{{ post.date | date_to_xmlschema }}</lastmod>
        {% else %}
        <lastmod>{{ post.lastmod | date_to_xmlschema }}</lastmod>
        {% endif %}

        {% if post.sitemap.changefreq == null %}
        <changefreq>weekly</changefreq>
        {% else %}
        <changefreq>{{ post.sitemap.changefreq }}</changefreq>
        {% endif %}

        {% if post.sitemap.priority == null %}
        <priority>0.5</priority>
        {% else %}
        <priority>{{ post.sitemap.priority }}</priority>
        {% endif %}

    </url>
    {% endfor %}
</urlset>

ํ˜„์žฌ ๋ณด์ด์‹œ๋Š” sitemap.xml์˜ ์ฝ”๋“œ๋ฅผ google HTML ํŒŒ์ผ๊ณผ ๋™์ผํ•œ ์œ„์น˜(Root ์œ„์น˜)์— ๋งŒ๋“ค์–ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.

ํ˜„์žฌ์˜ sitemap.xml์„ ์ด์šฉํ•ด Google ํฌ๋กค๋Ÿฌ๊ฐ€ ์ฃผ๊ธฐ์ ์œผ๋กœ ์ €์˜ url์„ ์ฒดํฌํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์‹ค์ œ๋กœ http://127.0.0.1:4000/sitemap.xml๋กœ ์ ‘์†ํ•˜์…”์„œ ์œ„์™€ ๊ฐ™์€ ๊ฒฐ๊ณผ๊ฐ€ ์ž˜ ๋ณด์—ฌ์ง€๋Š”์ง€ ํ™•์ธํ•ด์ฃผ์„ธ์š”.

robots.txt ๋งŒ๋“ค๊ธฐ

User-agent: *
Allow: /

Sitemap: https://eona1301.github.io/sitemap.xml

์ด์ œ ์ ‘๊ทผํ•˜๋Š” ํฌ๋กค๋Ÿฌ๋Š” robots.txt๋ฅผ ๋ณด๊ณ  ์ ‘๊ทผํ•˜๊ณ ์ž ํ•˜๋Š” sitemap์˜ ์œ„์น˜๋ฅผ ํ™•์ธํ•˜๊ณ ,
์ œํ•œ์„ ํ™•์ธํ•˜์—ฌ ๋ณธ๋ž˜์˜ ์›น์‚ฌ์ดํŠธ๋กœ ๊ฐ€์ ธ๊ฐ€๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.
Allow์— ๋ณธ์ธ์ด ์›ํ•˜์‹œ๋Š” ์ •๋ณด๋งŒ ์ž…๋ ฅํ•˜๊ฑฐ๋‚˜ ์ œํ•œ์„ ๋‘๊ณ ์‹ถ์œผ์‹  ๋‚ด์šฉ์„ ์ž…๋ ฅํ•˜์‹œ๋ฉด ํฌ๋กค๋Ÿฌ๊ฐ€ ํ™•์ธํ•ด์„œ ์ง„ํ–‰ํ•ด์ค๋‹ˆ๋‹ค.

์ตœ์ข… Sitemap.xml ๋“ฑ๋ก

google search console์—์„œ sitemaps ํŽ˜์ด์ง€์—์„œ ๋ณธ์ธ์˜ sitemap.xml์„ ๋“ฑ๋กํ•ด์ค๋‹ˆ๋‹ค.
์ฒ˜์Œ ๋“ฑ๋กํ•  ๋•Œ๋Š” ๋ฐ”๋กœ ์„ฑ๊ณต์ด๋ผ๊ณ  ๋œจ์ง€์•Š๊ณ , ์•Œ์ˆ˜์—†์Œ/์‹คํŒจ ๋“ฑ์˜ ๋‹ค์–‘ํ•œ ๋‚ด์šฉ์œผ๋กœ ๋ณด์—ฌ์ง€๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.
์ฝ”๋“œ์— ๋ฌธ์ œ๊ฐ€ ์žˆ๋Š”๊ฒŒ ์•„๋‹ˆ๋‹ˆ ๊ฑฑ์ •๋งˆ์‹œ๊ณ ! ์ด์ œ ๊ธฐ๋‹ค๋ฆผ์˜ ๋ฏธํ•™์ž…๋‹ˆ๋‹ค! ๐Ÿ˜ช

๋“ฑ๋ก ๊ฒฐ๊ณผ ํ™•์ธ

2020๋…„ 12์›” 2n์ฏค ๋“ฑ๋กํ•ด์„œ, 2021๋…„ 1์›” 2n์ฏค ๋…ธ์ถœ์ด ๋˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค.
๋น ๋ฅด์‹  ๋ถ„๋“ค์€ 3~5์ผ๋กœ๋„ ๋‚˜์˜จ๋‹ค๊ณ  ํ•˜๋Š”๋ฐ, ์ „ ์ž๊ทธ๋งˆ์น˜ 1๋‹ฌ์ด ๊ฑธ๋ ธ๋„ค์š” ใ… ใ… 
์ดˆ๋ฐ˜์— sitemap์˜ ์ฝ”๋“œ๊ฐ€ ์ž˜๋ชป๋˜์—ˆ๊ธฐ๋„ ํ•˜๊ณ , ๊ฐ€์žฅ ์˜ค๋ž˜๊ฑธ๋ฆฐ ๋‚ด์šฉ์ด์˜€์Šต๋‹ˆ๋‹ค.
์ด์ œ ๋…ธ์ถœ์ด ๋˜๊ธฐ ์‹œ์ž‘ํ–ˆ์œผ๋‹ˆ ๋”์šฑ ์—ด์‹ฌํžˆ ํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค! ใ…Žใ…Ž

[10] ๊น”๋”ํ•œ ์ฝ”๋“œ๋ธ”๋Ÿญ ์ž‘์„ฑํ•˜๊ธฐ

Github Gist์— ์ ‘์†ํ•˜๋ฉด ์œ„์™€ ๊ฐ™์€ ํ™”๋ฉด์„ ๋ณด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์ด๋ ‡๊ฒŒ ์ž‘์„ฑ์„ ์™„๋ฃŒํ•˜๋ฉด, ์ œ๊ฐ€ ๋นจ๊ฐ„ ์‚ฌ๊ฐํ˜•์„ ํ•œ ์˜์—ญ์—์„œ ํ•ด๋‹น ์ฝ”๋“œ์˜ Embed ์ฝ”๋“œ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์ด ์ฝ”๋“œ๋ฅผ ์šฐ์ธก ๋ฒ„ํŠผ์œผ๋กœ Copyํ•˜์—ฌ ์›ํ•˜๋Š” posting ์œ„์น˜์— ๋„ฃ์œผ๋ฉด ๋ฉ๋‹ˆ๋‹ค.


ํ•ด๋‹น ์‹œ๋ฆฌ์ฆˆ๋Š” ์ด์ „ 0.0 ์ดˆ๊ธฐ๋ฒ„์ „์˜ ๋ธ”๋กœ๊ทธ์˜ ๋‚ด์šฉ์„ ์ด์‚ฌํ•ด์™”์Šต๋‹ˆ๋‹ค.

๊ธฐ์ค€์ด github.io์˜ minimal mistakes๋ฅผ ๊ธฐ์ค€์œผ๋กœ ํ•˜๊ธฐ๋•Œ๋ฌธ์—,
ํ˜„์žฌ velog์— ์ ์šฉ๋˜์ง€ ์•Š๋Š” ๊ฒƒ์ด ๋งŽ์œผ๋‹ˆ ์ฐธ๊ณ ๋ถ€ํƒ๋“œ๋ ค์š”!

์ „ 6๊ฐœ์›” ๊ฐ„ ๋‹ค์–‘ํ•œ ๋‚ด์šฉ์„ github.io jekyll ํ™˜๊ฒฝ์—์„œ ๋ธ”๋กœ๊ทธ๋ฅผ ์ง„ํ–‰์„ ํ•˜๊ณ  ๋ฒจ๋กœ๊ทธ๋กœ ์ด์‚ฌํ–ˆ์Šต๋‹ˆ๋‹ค!
์ž˜ ๋ถ€ํƒ๋“œ๋ ค์š”!๐Ÿ’ช๐Ÿป

profile
โœ๐Ÿป ๋ญ๋“  ๋ฐฐ์šฐ๋ฉด ๋‹ค ์ž์‚ฐ์ด ๋˜๊ฒ ์ฃ !

3๊ฐœ์˜ ๋Œ“๊ธ€

comment-user-thumbnail
2022๋…„ 9์›” 11์ผ

5๋ฒˆ์€ ๋„˜๊ฒŒ ์ง€ํ‚ฌ๋กœ ๊นƒํ—ˆ๋ธŒ ๋ธ”๋กœ๊ทธ ๋งŒ๋“ค๊ธฐ๋ฅผ ์‹œ๋„ํ•˜์˜€์œผ๋‚˜, ์•ˆ๋˜๋„ค์š” ใ…Žใ…Ž.. hyeona๋‹˜ ๋ฐฉ๋ฒ•์—์„œ๋„ bundle exec jekyll serve์—์„œ ์˜ค๋ฅ˜๊ฐ€ ๋‚ฉ๋‹ˆ๋‹คใ…  ๊ทธ๋ž˜๋„ ์นœ์ ˆํ•˜๊ฒŒ ์•Œ๋ ค์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.. ๋‹ค์Œ์— ๋‹ค์‹œ ์‹œ๋„ํ•ด๋ด์•ผ๊ฒ ์—์š”

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ
comment-user-thumbnail
2022๋…„ 11์›” 22์ผ

์•ˆ๋…•ํ•˜์„ธ์š” ใ… ใ…  ๋””์Šค์ฟผ์Šค ๋Œ“๊ธ€ ํ• ๋•Œ ๋ฐฐ๊ฒฝ์ƒ‰ ์ƒ๊ด€์—†์ด
๋ฌด์กฐ๊ฑด ๊ธ€์ด ํฐ์ƒ‰์œผ๋กœ๋งŒ๋‚˜์™€์„œ ๋‹คํฌ ๋ฐฐ๊ฒฝ์—์„œ ์•„์˜ˆ ์•ˆ๋ณด์—ฌ์š”..

๋””์Šค์ฟผ์Šค ํ™ˆํŽ˜์ด์ง€์—์„œ ์„ค์ • auto, dark, whiteํ•ด๋ด๋„ ๋‹ค๋˜‘๊ฐ™๋„ค์š”
ํ˜น์‹œ ํ•ด๊ฒฐ๋ฒ• ์•„์‹œ๋‚˜์š”!

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ
comment-user-thumbnail
2023๋…„ 6์›” 20์ผ

์•ˆ๋…•ํ•˜์„ธ์š”! ๋ธ”๋กœ๊ทธ์— ์ƒ์„ธํžˆ ์ ์–ด์ฃผ์‹  ๋•๋ถ„์— ๊ธฐ๋ณธ ์…‹ํŒ…์— ์„ฑ๊ณตํ–ˆ์Šต๋‹ˆ๋‹ค. ๋ฌธ์ œ๋Š” ์•„์ง ํ™ˆํŽ˜์ด์ง€์—์„œ ํฌ์ŠคํŒ…์ด ์•ˆ๋œจ๊ณ  ์žˆ๊ณ , ์ƒ๋‹จ ๋„ค๋น„๊ฒŒ์ด์…˜ ๋ฐ”๋ฅผ ์ˆ˜์ •ํ–ˆ๋Š”๋ฐ๋„ ํ€ต์Šคํƒ€ํŠธ ๊ฐ€์ด๋“œ๊ฐ€ ๋‚˜์˜ค๊ณ  ์žˆ๋Š”๋ฐ์š”, ํ˜น์‹œ ๋„์›€์„ ์ฃผ์‹ค ์ˆ˜ ์žˆ์„๊นŒ์š”?

ํฌ์ŠคํŒ…์ด ์•ˆ๋œจ๋Š” ์ด์Šˆ๋Š” Pagination์ด์Šˆ๋ผ๊ณ  ํ•˜์—ฌ ์•„๋ž˜๋ฅผ ์ ์šฉํ•˜๊ณ , ์ €์™€ ๊ฐ™์€ ์ด์Šˆ๋ฅผ ์ œ๊ธฐํ•œ ์‚ฌ๋žŒ๋“ค์˜ ๊ธ€์„ 10๊ฐœ ์ด์ƒ ์ฝ์—ˆ๋Š”๋ฐ๋„, ํ•ด๊ฒฐ์„ ๋ชปํ•˜๊ณ ์žˆ๋„ค์š” ใ… ใ… 

  • root์— ์ง์ ‘ index.html ์ถ”๊ฐ€
  • _config.yml ์—์„œ pagination๊ด€๋ จ ์…‹ํŒ… (์•ˆ๋‚ด๋œ ์ƒ˜ํ”Œ์—์„œ ๋ณ€๊ฒฝํ•˜์ง€ ์•Š์Œ)
๋‹ต๊ธ€ ๋‹ฌ๊ธฐ