[Git]Github blog ๋งŒ๋“ค๊ธฐ


Github blog๋ฅผ ๋งŒ๋“ค์–ด๋ณด์ž.
Github blog๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋‹ค์Œ์˜ ์กฐ๊ฑด๋“ค์ด ํ•„์š”ํ•˜๋‹ค.

  1. ์ž์‹ ์˜ Github ๊ณ„์ •
  2. repository ์ƒ์„ฑ
  3. Ruby ์„ค์น˜
  4. Jekyll ๋‹ค์šด๋ฐ›๊ธฐ
    • jekyll ํ…Œ๋งˆ๋ฅผ ์ ์šฉํ•˜๋Š” ๊ฒƒ์€ ์„ ํƒ





Github.io repository ๋งŒ๋“ค๊ธฐ

1. ์ž์‹ ์˜ Github์— repository ์ƒ์„ฑ

  • repository์˜ ์ด๋ฆ„์€ ๋ฌด์กฐ๊ฑด {์‚ฌ์šฉ์ž์ด๋ฆ„}.github.io ๊ฐ€ ๋˜์–ด์•ผ ํ•œ๋‹ค.
  • ์‚ฌ์šฉ์ž์˜ ์ด๋ฆ„๊ณผ ์ •ํ™•ํžˆ ์ผ์น˜ํ•˜์ง€ ์•Š์œผ๋ฉด ์ž‘๋™ํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ๋‹ค.

2. Local์— clone ๋ฐ›๊ธฐ

  • ์ƒ์„ฑํ•œ repository๋ฅผ ์ž์‹ ์˜ ์ปดํ“จํ„ฐ์— clone ๋ฐ›๋Š”๋‹ค.

3. index.html ํŒŒ์ผ push

  • index.html์„ ๊ฐ„๋‹จํ•˜๊ฒŒ ์ƒ์„ฑํ•œ๋‹ค.
    • index.html : ๋ธ”๋กœ๊ทธ์˜ ์‹œ์ž‘ ํ™”๋ฉด
  • main์— pushํ•œ๋‹ค.
      git add .
      git commit -m "create index.html"
      git push -u origin main
    

4. ํ™•์ธํ•˜๊ธฐ

  • {username}.github.io ์— ์ ‘์†ํ•ด์„œ index.html ํŒŒ์ผ์ด ์ž˜ ์ ์šฉ๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•œ๋‹ค.
  • ํŒŒ์ผ์ด ์ ์šฉ๋˜๋ ค๋ฉด 10๋ถ„ ์ •๋„์˜ ์‹œ๊ฐ„์ด ๊ฑธ๋ฆฌ๋ฏ€๋กœ ์ ์šฉ์ด ์•ˆ๋˜์—ˆ๋‹ค๊ณ  ์กฐ๊ธ‰ํ•ดํ•˜์ง€ ๋ง์ž :smiley:




Ruby ์„ค์น˜

Jekyll๋Š” Ruby ๊ธฐ๋ฐ˜์ด๋ฏ€๋กœ Jekyll ํ…Œ๋งˆ๋ฅผ ์ ์šฉํ•˜๋ ค๋ฉด Ruby๊ฐ€ ์„ค์น˜๋˜์–ด์žˆ์–ด์•ผ ํ•œ๋‹ค.
๋งŒ์•ฝ Jekyll ํ…Œ๋งˆ๋ฅผ ์ ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค๋ฉด ์ด ๊ณผ์ •์€ ๋ฌด์‹œํ•ด๋„ ๊ดœ์ฐฎ๋‹ค.




Jekyll ๋‹ค์šด๋ฐ›๊ธฐ

1. jekyll ์„ค์น˜

  • Start command prompt with Ruby๋ฅผ ์‹คํ–‰ํ•œ๋‹ค.
  • ๊ทธ ํ›„ ๋‹ค์Œ์˜ ๋ช…๋ น์–ด๋ฅผ ์‹คํ–‰ํ•œ๋‹ค.
      gem install jekyll bundler
    
    • bundler - jekyll์™€ ์‚ฌ์šฉํ•˜๊ธฐ ์ข‹์€ ๋„๊ตฌ์ด๋‹ค.
      • ํ”„๋กœ์ ํŠธ์— ๋”ฐ๋ผ ๋‹ค๋ฅธ ๋ฒ„์ „์˜ Jekyll๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๊ฑฐ๋‚˜ Jekyll๋ฅผ ์‹œ์Šคํ…œ ๋ ˆ๋ฒจ์ด๋‚˜ ์‚ฌ์šฉ์ž ๋ ˆ๋ฒจ์— ์„ค์น˜ํ•˜๊ณ  ์‹ถ์ง€ ์•Š์„ ๋•Œ ์œ ์šฉํ•˜๋‹ค.

2. Jekyll project ์ƒ์„ฑ

  • ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ•˜๊ธฐ ์ „์— ๋ฌด์กฐ๊ฑด cloneํ•œ dir๋กœ ์ด๋™ํ•ด์•ผ ํ•œ๋‹ค.
      <!-- clone ๋ฐ›์€ dir๋กœ ์ด๋™ -->
      cd Yejin-Ha.github.io
    
      <!-- ์ƒˆ๋กœ์šด jekyll ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ -->
      jekyll new ./
    
  • ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค. Image Alt ํ…์ŠคํŠธ
    • ์ด๋Ÿฐ error๊ฐ€ ๋‚˜์˜ฌ ๊ฒฝ์šฐ jekyll new ./ --force๋ฅผ ํ†ตํ•ด ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋‹ค.
    • ์•„๋งˆ ์ด๋ฏธ ํ”„๋กœ์ ํŠธ๊ฐ€ ์กด์žฌํ•˜๋Š” ๊ฒฝ์šฐ์— ์ด๋Ÿฐ error๊ฐ€ ๋ฐœ์ƒํ•œ๋‹ค.

3. jekyll ํ…Œ๋งˆ ์ ์šฉ

  • ์›ํ•˜๋Š” jekyll ํ…Œ๋งˆ๋ฅผ ์ •ํ•œ๋‹ค.
  • github์—์„œ zip์œผ๋กœ ๋‹ค์šด๋ฐ›๊ณ  unzipํ•œ ๋’ค local์— clone ๋ฐ›์€ ์ž์‹ ์˜ repository(Yejin-Ha.github.io)์— ๋ณต์‚ฌํ•œ๋‹ค.
  • gemfile๋“ค์„ ๋นผ๊ณ ๋Š” ๋‹ค ๋ณต์‚ฌํ•œ ํ›„ __config.yml์„ ๋ณด๊ณ  gemfile์„ ์ˆ˜์ •ํ•œ๋‹ค.
__config.ymlGemfile
Image Alt ํ…์ŠคํŠธML_decision_tree_3_0

4. bundle install

  • Genfile์— ์„ค์ •ํ•œ ๋‚ด์šฉ์„ ํ† ๋Œ€๋กœ ํ”„๋กœ์ ํŠธ์— ์‚ฌ์šฉ๋  bundle๋“ค์„ ์„ค์น˜ํ•œ๋‹ค.
      bundle install
    

5. ์„œ๋ฒ„ ์‹คํ–‰

  • ์ด์ „์˜ ๊ณผ์ •์—์„œ ์•„๋ฌด๋Ÿฐ ๋ฌธ์ œ๊ฐ€ ์—†์—ˆ๋‹ค๋ฉด ์„œ๋ฒ„๋ฅผ ์‹คํ–‰ํ–ˆ์„ ๋•Œ ์•„๋ฌด error๊ฐ€ ์ƒ๊ธฐ์ง€ ์•Š์„ ๊ฒƒ์ด๋‹ค.
  • ๋‹ค์Œ ๋ช…๋ น์„ ํ†ตํ•ด ์„œ๋ฒ„๋ฅผ ์‹คํ–‰์‹œํ‚จ๋‹ค.
      bundle exec jekyll serve
    





ยฉ 2022. by Yejin Ha

Powered by JihyunRyu