๐Ÿ“Œ ๊นƒํ—ˆ๋ธŒ ๋ธ”๋กœ๊ทธ ์›น ํ˜ธ์ŠคํŒ…

1. ๊นƒํ—ˆ๋ธŒ ๋ ˆํฌ์ง€ํ† ๋ฆฌ ์ƒ์„ฑ

๊นƒํ—ˆ๋ธŒ ์•„์ด๋””๋งŒ ์žˆ์–ด๋„ ๊ฐœ์ธ ๋ธ”๋กœ๊ทธ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค.\

์•„์ด๋””๊ฐ€ ์—†๋‹ค๋ฉด ๋งŒ๋“œ๋Š” ๊ฒƒ์„ ์ถ”์ฒœํ•œ๋‹ค.

๊นƒํ—ˆ๋ธŒ ๋กœ๊ทธ์ธ ํ›„ repository ์ƒ์„ฑ
์ด๋ฆ„์€ [์•„์ด๋””].github.io๋กœ ์„ค์ •
Public, add README.md ์ฒดํฌ

2. git clone ํ›„ index.html ์ƒ์„ฑ

๋‚ด ํ„ฐ๋ฏธ๋„์— ๊ฐ€์ ธ์™€์„œ ์ž‘์—…ํ•˜๊ธฐ ์œ„ํ•จ์ด๋‹ค.

ํ„ฐ๋ฏธ๋„์—์„œ git clone [๋‚ด ๊นƒํ—ˆ๋ธŒ ์ฃผ์†Œ]

3. ์›๊ฒฉ์œผ๋กœ ํ˜ธ์ŠคํŒ… ๋๋Š”์ง€ ํ™•์ธ

์›น ํ˜ธ์ŠคํŒ…์ด ์ •์ƒ์ ์œผ๋กœ ์ ์šฉ๋๋Š”์ง€ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•ด index.html๋กœ ํ…Œ์ŠคํŠธํ•œ๋‹ค.

cd [๋‚ด ๊นƒํ—ˆ๋ธŒ ์ฃผ์†Œ]
echo "hello world" > index.html
๋ธŒ๋ผ์šฐ์ €์— [์•„์ด๋””].github.io ์ž…๋ ฅ
hello world ๋œจ๋ฉด ์„ฑ๊ณต

4. ๋ ˆํฌ์— pushํ•˜๊ธฐ

๋ณ€๊ฒฝ์‚ฌํ•ญ์„ repository์— ์ ์šฉํ•œ๋‹ค.

git add .
git commit -m "Initial update"
git push origin main

๐Ÿ“Œ ์›๊ฒฉ ํ˜ธ์ŠคํŒ… ์‚ฌ์ดํŠธ ๊พธ๋ฏธ๊ธฐ

1. tool ์„ค์น˜

์•„์ง์€ ์•„๋ฌด๊ฒƒ๋„ ์—†๋Š” ํ—ˆ์ „ํ•œ ์‚ฌ์ดํŠธ์ด๊ธฐ ๋•Œ๋ฌธ์—, ๋‹ค๋ฅธ ์‚ฌ๋žŒ์ด ๋งŒ๋“  ํ…œํ”Œ๋ฆฟ์„ ํ™œ์šฉํ•ด ๊พธ๋ฐ€ ์˜ˆ์ •์ด๋‹ค.\

ํ…œํ”Œ๋ฆฟ์„ ์ ์šฉ์‹œํ‚ค๊ธฐ ์œ„ํ•ด์„  jekyll๊ณผ bundler๊ฐ€ ํ•„์š”ํ•˜๋‹ค.

gem install jekyll bundler      # jekyll, bundler ์„ค์น˜
jekyll new ./                   # jekyll ์ดˆ๊ธฐํ™”
bundle install
bundle exec jekyll serve

๋ธŒ๋ผ์šฐ์ €์— localhost:4000์™€ wjy4ng.github.io ์ž…๋ ฅ ํ›„ ๋ณ€๊ฒฝ๋๋Š”์ง€ ํ™•์ธ
์„ฑ๊ณตํ•˜๋ฉด git push

โ€ผ๏ธ ํ•„์ž๋Š” jekyll new ./ ์—์„œ ์˜ค๋ฅ˜๊ฐ€ ๋–ด๋‹ค.\

Conflict: /Users/yang-wonjun/git/wjy4ng.github.io exists and is not empty.
Ensure /Users/yang-wonjun/git/wjy4ng.github.io is empty or else try again with --force to proceed and overwrite any files.

ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•\

wjy4ng.github.io ํด๋” ๋‚ด์— ํŒŒ์ผ์ด ์ด๋ฏธ ์žˆ์–ด์„œ ๋‚˜๋Š” ์˜ค๋ฅ˜์ด๋‹ค.
ํŒŒ์ผ ๋‹ค ์‚ญ์ œํ•˜๊ณ  jekyll new ./

2. ํ…Œ๋งˆ ์ ์šฉ

์‚ฌ์ „ ์ž‘์—…์„ ์™„๋ฃŒํ–ˆ๋‹ค๋ฉด ํ…Œ๋งˆ๋ฅผ ์ ์šฉ์‹œํ‚จ๋‹ค.

์›ํ•˜๋Š” ํ…Œ๋งˆ Github ๋“ค์–ด๊ฐ€์„œ Download ZIP
wjy4ng.github.io ํด๋” ์•ˆ์— ๋ณต๋ถ™

bundle install
git์— push
bundle exec jekyll serve ์žฌ์‹œ๋™

3. ๋ธ”๋กœ๊ทธ ์ •๋ณด ๋ณ€๊ฒฝ

๋‚ด ๋ธ”๋กœ๊ทธ์ธ ๋งŒํผ ์ด๋ฏธ์ง€์™€ ์„ค๋ช…์„ ์ˆ˜์ •ํ•ด์ค€๋‹ค.

_config.yml ์ˆ˜์ •

lang: ko-KR
timezone: Asia/Seoul
title
tagline
url: "https://wjy4ng.github.io/"
github name
avatar: "/assets/img/profile.img.jpeg"

โ€ผ๏ธ ํ•„์ž๋Š” ์—ฌ๊ธฐ์„œ ์ƒˆ๋กœ๊ณ ์นจ์„ ํ•ด๋„ ์‚ฌ์ดํŠธ์— ์ ์šฉ๋˜์ง€ ์•Š๋Š” ์˜ค๋ฅ˜๋ฅผ ์ธ์ง€ํ–ˆ๋‹ค.

bundle exec jekyll serve ์‹คํ–‰ ์‹œ,
Conflict: The following destination is shared by multiple files.
                    The written file may end up with unexpected contents.
                    /Users/yang-wonjun/git/wjy4ng.github.io/_site/404.html
                     - 404.html
                     - assets/404.html
                    
          Conflict: The following destination is shared by multiple files.
                    The written file may end up with unexpected contents.
                    /Users/yang-wonjun/git/wjy4ng.github.io/_site/about/index.html
                     - about.markdown
                     - /Users/yang-wonjun/git/wjy4ng.github.io/_tabs/about.md
                    
          Conflict: The following destination is shared by multiple files.
                    The written file may end up with unexpected contents.
                    /Users/yang-wonjun/git/wjy4ng.github.io/_site/index.html
                     - index.html
                     - index.markdown

wjy4ng.github.io ํด๋” ๋‚ด์˜ 404.html, about.markdown, index.markdown ํŒŒ์ผ ์‚ญ์ œํ•˜๋ฉด ๋œ๋‹ค.

โ€ผ๏ธ ์ด ์™ธ์—๋„ avatar ๋˜ํ•œ ๋ฐ”๋€Œ์ง€ ์•Š๋Š”๋‹ค. ๊ฒฝ๋กœ ์„ค์ •์ด ์ž˜๋ชป๋œ๊ฑธ๊นŒ..