์ ์ HTML์ ๊ฑฐ์ ๊ณผ๊ฑฐ์ ์ผ์
๋๋ค. ์ด์ ์น์ฌ์ดํธ๋ ์ฌ์ฉ์ ์ฟผ๋ฆฌ์ ๋ํ ์๋ต์ ๋์ ์ผ๋ก ์์ฑํ๋ ๋ฐ์ดํฐ๋ฒ ์ด์ค ์ฐ๊ฒฐ ์ ํ๋ฆฌ์ผ์ด์
์
๋๋ค. ๊ทธ๋ฌ๋ ์ฌ๊ธฐ์๋ ๋จ์ ๋ ์์ต๋๋ค. ์ปดํจํ
๋ฆฌ์์ค์ ๋ํ ์๊ตฌ ์ฌํญ์ด ๋ ๋๊ณ CMS์ ์๋ง์ ์ทจ์ฝ์ ์ด ์์ต๋๋ค. ์ค๋์ ๊ฐ๋จํ ๋ธ๋ก๊ทธ๋ฅผ ํค์ฐ๋ ๋ฐฉ๋ฒ์ ๋ํด ์ด์ผ๊ธฐํ๊ฒ ์ต๋๋ค.
1๋จ๊ณ. ํธ์คํ : ์์ฅ์์ ๊ฐ์ฅ ์ ๋ ดํ ํธ์คํ ์ ์ ํํ์ธ์.
์ ์ ์น์ฌ์ดํธ์ ๊ฒฝ์ฐ ์ ๋ ดํ ๊ฐ์ ํธ์คํ
์ด๋ฉด ์ถฉ๋ถํฉ๋๋ค. ์ฝํ
์ธ ๋ ๋ก์ปฌ ์ปดํจํฐ์์ ๋๋ ํธ์คํ
์ ์ฌ์ฉํ์ฌ ์ง์ ์์ฑ๋ฉ๋๋ค.
์ค๋ RUVDS๊ฐ ๋ค์ ๋ฌธ์ ์ด์์ต๋๋ค.
์ด๋ฅผ ์ฌ์ฉํ๊ณ Jekyll ๋ธ๋ก๊ทธ๋ฅผ ๋ฐฐํฌํด ๋ด ์๋ค.
VPS๋ฅผ ์์ํ ํ SSH๋ฅผ ํตํด ๋ก๊ทธ์ธํ๊ณ ์น ์๋ฒ, FTP ์๋ฒ, ๋ฉ์ผ ์๋ฒ ๋ฑ ํ์ํ ์ํํธ์จ์ด๋ฅผ ๊ตฌ์ฑํด์ผ ํฉ๋๋ค. ์ด ๊ฒฝ์ฐ, ์ฌ์ดํธ ์์ค๋ GitHub ์ ์ฅ์์ ๋ณด๊ดํ ์ ์์ง๋ง ์ฌ์ฉ์๋ ์์ ์ ์ปดํจํฐ์ Jekyll์ ์ค์นํ๊ฑฐ๋ GitHub ํ์ด์ง ํธ์คํ ์ ํ๊ณ๋ฅผ ๊ฒฌ๋ ํ์๊ฐ ์์ต๋๋ค.
2๋จ๊ณ: Jekyll ์ค์น
๊ฐ๋จํ ๋งํด์ Jekyll์ ์๋ ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋ค๊ณ GitHub ํ์ด์ง์ ํธ์คํ
ํ๊ธฐ ์ํด ์ค๊ณ๋ ๊ฐ๋จํ ์ ์ ์ฌ์ดํธ ์์ฑ๊ธฐ์
๋๋ค. ์์ด๋์ด๋ ๋ค์์ ์ฌ์ฉํ์ฌ ์ฝํ
์ธ ์ ๋์์ธ์ ๋ถ๋ฆฌํ๋ ๊ฒ์
๋๋ค.
Jekyll์ Ruby ํจํค์ง(gem)์ด๋ฏ๋ก,
gem install bundler jekyll #
ํ์ํ ๊ฒฝ์ฐ sudo๋ฅผ ์ฌ์ฉํ์ญ์์ค.
๋ณด์๋ค์ํผ ๋ชจ๋ ๊ฒ์ด ๋งค์ฐ ๊ฐ๋จํฉ๋๋ค.
3๋จ๊ณ. ๋ธ๋ก๊ทธ ๋ง๋ค๊ธฐ
./mysite ํ์ ๋๋ ํฐ๋ฆฌ์ ์ ์ฌ์ดํธ๋ฅผ ์์ฑํ๋ ค๋ฉด ๋ค์ ๋ช ๋ น์ ์คํํด์ผ ํฉ๋๋ค.
jekyll new mysite
๋ค์ด๊ฐ์ ๋ด์ฉ์ ๋ณผ๊น์?
cd mysite
ls -l
Jekyll์๋ ๋ค์ ๋ช ๋ น์ผ๋ก ์์ํ ์ ์๋ ์์ฒด ์๋ฒ๊ฐ ์์ต๋๋ค:
bundle exec jekyll serve
์ฝํ
์ธ ๋ณ๊ฒฝ ์ฌํญ์ ์์ ํ๊ณ localhost(
์ฐ๋ฆฌ์ ๊ฒฝ์ฐ์๋ ์น ์ฌ์ดํธ๋ฅผ ์์ฑํ๊ณ ์น ์๋ฒ๋ฅผ ์ค์ ํ์ฌ ์ด๋ฅผ ๋ณด๊ฑฐ๋ ํ์ฌ ํธ์คํ ์ ํ์ผ์ ์ ๋ก๋ํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
jekyll build
์์ฑ๋ ํ์ผ์ mysite ๋๋ ํฐ๋ฆฌ์ _site ํ์ ๋๋ ํฐ๋ฆฌ์ ์์ต๋๋ค.
์ฐ๋ฆฌ๋ Jekyll์ ๋ชจ๋ ๋ณต์ก์ฑ์ ๋ํด ์ด์ผ๊ธฐํ์ง ์์์ต๋๋ค. ๊ตฌ๋ฌธ ๊ฐ์กฐ ๊ธฐ๋ฅ์ด ์๋ ์ฝ๋ ๋ ์ด์์ ๊ธฐ๋ฅ ๋๋ถ์ ์ด ์ฝํ ์ธ ์์ฑ๊ธฐ๋ ๊ฐ๋ฐ์ ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋๋ ๋ฐ ๊ฐ์ฅ ์ ํฉํ์ง๋ง ์ธํฐ๋ท์์ ์ฌ์ฉ ๊ฐ๋ฅํ ํ ํ๋ฆฟ์ ๊ธฐ๋ฐ์ผ๋ก ๋ค์ํ ์ ์ ์ฌ์ดํธ๋ฅผ ๋ง๋๋ ๋ฐ ์ฌ์ฉํ ์ ์์ต๋๋ค. HTML ์์ฑ ํ๋ก์ธ์ค ์์ฒด๋ฅผ ๋ณ๊ฒฝํ ์ ์๋ Jekyll์ฉ ํ๋ฌ๊ทธ์ธ๋ ์์ต๋๋ค. ๋ฒ์ ์ ์ด๊ฐ ํ์ํ ๊ฒฝ์ฐ ์ฝํ ์ธ ํ์ผ์ GitHub์ ์ ์ฅ์์ ๋ฐฐ์นํ ์ ์์ต๋๋ค(๊ทธ๋ฐ ๋ค์ VPS์ Git์ ์ค์นํด์ผ ํฉ๋๋ค).
๊ฐ์ฅ ์ค์ํ ๊ฒ์ ์ฌ์ฉ์๊ฐ ์ด๋ฅผ ์ํด ๊ฐ๋น์ผ ๊ด์ธ๋ฅผ ํ์๋ก ํ์ง ์๋๋ค๋ ๊ฒ์ ๋๋ค. ๋์ผํ 30๋ฃจ๋ธ VPS์์๋ ๋ชจ๋ ๊ฒ์ด ์๋ํฉ๋๋ค.
์ถ์ฒ : habr.com