How to Build lostineconomics.com
2019-11-14
Jun Sok Huhh | ๐ lostineconomics.com
๊ทธ๋ ๋ค. ์ ํ ๋๋จํ์ง ์๋ค. ์ ์ด๋ฐ ๊ธ์ ์ฐ๋๊ณ ? ๊ทธ๋ฅ ๊ธฐ๋ก์ ์ํด์๋ค. ๋ฏธ๋์ ์ด๋ ์์ ์์ ๋ค ๊น๋จน์ '๋โ๋์ ์ํด์ ๊ธฐ๋ก์ ๋จ๊ฒจ ๋๋ ๊ฒ์ด๋ค. ์ด ๊ธ์ ๋ณผ ์ฌ๋๋ ์๊ฒ ์ผ๋, ํน์๋ผ๋ ๋์์ด ๋๋ค๋ฉด ๊ณ ๋ง๊ฒ ๋ค.
์ ์ด์ ์ด ์ฌ์ดํธ๋ฅผ ๋ง๋ค๋ฉด์ ๋ช ๊ฐ์ง ์ ์ฝ ์ฌํญ์ ๊ฑธ์๋ค.
1์ด ๊ฐ๋ฅํด์ง ๊น๋ญ์ ๊นํ์์ static web์ ์ง์ํ๊ธฐ ๋๋ฌธ์ด๋ค. ๊นํ์ ์ด์ฉ ํ๋ฉด ์ด์ฉ์์ ๋ฆฌํฌ์งํฐ๋ฆฌ(๋ฆฌํฌ) ๋ณ๋ก ํ๋ก์ ํธ ํ์ด์ง(Github Pages)๋ฅผ ๋ง๋ค ์ ์๋ค. ์ด ๋ ์์ ํ์ฉํ๋ฉด Jekyll, Hugo ๋ฑ์ ๋๊ตฌ๋ฅผ ํ์ฉํด github ์์์ ์ ๋๋ก ๋์๊ฐ๋ ๋ธ๋ก๊ทธ, ํํ์ด์ง๋ฅผ ์ ์ํ ์ ์๋ค. ์ข์ ํํ ๋ฆฌ์ผ์ ์ธ์ ๋์ฒ๋ผ ๊ตฌ๊ธ์ ๊ป ๋ฌธ์ํ์๋ผ.1
์ด๋๋ ๋ง์์ ๋๋ Hugo skin์ ๊ณ ๋ฅด๊ณ ์๋ค๊ฐ ์ด๋ฐ ์๊ฐ์ด ๋ค์๋ค. '๋ด๊ฐ ์ํ๋ ๊ฑด ์ด๋ฐ๊ฒ ์๋๋ผ, ๊ทธ๋ฅ ๋ธ๋ญํฌ ํ์ด์ง์ ์ด ํผ๋ฅญํ๊ฒ ๋ ๋๋ง๋๋ ์ ๋์ธ๋ฐโฆ" ๊ทธ๋ฐ๋ฐ ์ด๋ฐ ํ๋ฆํ ๋ฏธ๋๋ฉ๋ฆฌ์ฆ ๊ตฌํํ๋ ๊ฒ ์๊ฐ๋ณด๋ค ์ฝ์ง ์์๋ค. Jekyll์ด๋ Hugo๋ ๋ชจ๋ ๋ธ๋ก๊ทธ๋ฅผ ํต์ผ๋ก ๊ด๋ฆฌํ๊ฒ ๋ง๋ ํด์ด๋ค. md(markdown)๋ก ๊ธ์ ์ฐ๋ฉด ์ฌ๊ธฐ์ ์ฌ๋ฌ ์ท์ ์ ํ๋ ํํ์ธ๋ฐ ์ด ์ท์ ๋ด ๋ง์๋๋ก ์ ์ดํ๋๊ฒ ์ฝ์ง ์์๋ค. ๋ฌผ๋ก ์ด๋ ๋ด๊ฐ html์ด๋ javascript์ ๋ฌด์งํ๊ธฐ ๋๋ฌธ์ด๋ค. ์ด๋ฅผ ์ ์์๋ค๋ฉด ๋ด๊ฐ ์ํ๋ ํํ๋๋ก ์ด๋ฆฌ์ ๋ฆฌ ๋ฏ์ด๊ณ ์น ์ ์์๊ฒ ์งโฆ
md๋ฅผ ๋น ๋ฅด๊ฒ ๋ก์ปฌ์ ์๋ฐ๋์ง ์๊ณ ์ฐ๊ฒ ํด์ฃผ๋ ํด๋ค์ด ๋ง์ด ์๋ค. ๊ทธ ์ค์์ ๋๋ stackedit๊ฐ ํน์์งฑ์ด๋ผ๊ณ ๋งํ๊ณ ์ถ๋ค. ์ด์ ๋ ์๋์ ๊ฐ๋ค.
3๋ฒ์ด ์ด์ฑ๋ก์ด ๋๋ชฉ์ด๋ค. ์ผ์ชฝ ๋์ ๋ค๋ชจ ์์ ๋ค์ด์๋ #
์ ๋๋ฅด๋ฉด ๊ทธ๋ฆผ์ฒ๋ผ ์ค๋ฅธ์ชฝ์ผ๋ก ๋ฉ๋ด๊ฐ ๋ฑ์ฅํ๋ค.
์ผ๋จ ๊นํ์์ด๋.github.io
๋ก ๋ฆฌํฌ๋ฅผ ๋ด๋ค. ์ฆ, lostineconomics.com์ ๊ฒฝ์ฐ์๋ anarinsk.github.io
๊ฐ ๋๋ค. ์ด๋ ๊นํ ๋ฆฌํฌ์ด๊ธฐ๋ ํ์ง๋ง, ํด๋น ๊นํ ์์ด๋์ ๋ํ ์ฃผ์๋ ๋๋ค. ์ด ๋ฆฌํฌ/ํ์ด์ง๋ฅผ ์ผ์ข
์ ๋๋ฉ ํ์ด์ง, ์ฆ ๋๋ฌธ์ผ๋ก ํ์ฉํ ์ ์๋ค. ๋๋ฌธ์๋ ์ฌ๋ฌ๊ฐ์ง ์คํ์ผ์ ์
ํ ์ ์๊ฒ ์ง๋ง ๋๋ ์ํ๋ค. ๋๋ฌธ ํ์ด์ง์ ๊ฒฝ์ฐ ๊นํ์์ ์ ๊ณตํ๋ Jekyll์ ๋ช ๊ฐ์ง ์คํจ์ ํ์ฉํ ์ ์๋ค. lostineconomics.com์ ๊ฒฝ์ฐ minimal ์์์ ๋ ์ค์ฌ ํ์ฉํ๋ค.
_config.yml
ํ์ผ์ ๊ฑฐ์ ๋ค ๋ ๋ฆฌ๊ณ ํ์ํ ๋ถ๋ถ๋ง ์ฑ๊ฒผ๋ค.index.md
ํ์ผ์ ๋๋ฌธ์ ๋
ธ์ถ๋ ์ฝํ
์ธ ๋ฅผ ๋ด๊ณ ์๋ค. ์๋ก์ด ํฌ์คํธ๊ฐ ์๊ธธ ๊ฒฝ์ฐ ์ด ๋ถ๋ถ๋ง ์์ ํ๋ฉด ๋๋ค. ์ด ํ์ผ ์ญ์ stackedit.io์ ์ฐ๊ฒฐํด๋๊ณ ์ฐ๋ฉด ํธ๋ฆฌํ๋ค. ์ง์ ๋๋ฌ๋ณด์๋ผ.import/export
โ export as HTML
๋ก html๋ก ๋ก์ปฌ์ ์ ์ฅํ๋ค.์ด๋ฌํ ์ด์ ๋ฐฉ์์ ๋จ์ ์ ๋ค์๊ณผ ๊ฐ๋ค.
๊ณฐ๊ณฐํ ์๊ฐํด๋ณด๋ ๋ ์ฌ์ด ๋ฐฉ๋ฒ์ด ์์๋ค. ์ด ๋ฐฉ๋ฒ์ ๊ฐ๋ฅํ๊ฒ ํ๋ ์์๋ ๋ค์๊ณผ ๊ฐ๋ค.
https://github.com/๊นํ์์ด๋/๋ฆฌํฌ์ด๋ฆ
์ด๋ฐ ์์ผ๋ก ๋ค์ด๊ฐ๋ค. ์ด๋ฏธ html์ ๋ ๋๋งํด์ฃผ๋๋ฐ ๊ตณ์ด ๋ณ๋์ ์๋น์ค๋ฅผ ์จ์ผ ํ ์ด์ ๊ฐ ์์๊น?์์ ๊ฐ ๋ฆฌํฌ์ ์คํํฑ์น์ ๋ธ๋์น(์ผ๋ฐ์ ์ผ๋ก๋ ๋ง์คํฐ ๋ธ๋์น)์ index.html
โ index.md
โ README.md
์์ผ๋ก ๋ฌธ์๋ฅผ ์ฝ์ด ์ด ๋
์์ ์ฃผ์๊ฐ ํธ์ถ๋ ๋ ๋ณด์ฌ์ค๋ค. ๋ฐ๋ผ์ ์ฐ๋ฆฌ๊ฐ ๋ง๋ ๋ฌธ์๋ฅผ html๋ก ๋ฐ๊พธ๊ณ ์ด๋ฅผ index.html
ํด๋น ๋ฆฌํฌ์ ๋ฃ์ด์ฃผ๋ฉด ์ด ๋
์์ ์ ์ฃผ์์์ ์น์ ๋
ธ์ถ์ํฌ ์ ์๋ ๊ฒ์ด๋ค. stackedit.io์ publish ๊ธฐ๋ฅ์ด ๋ฐ๋ก ์ด๊ฒ์ ์คํํด์ค๋ค.
index.html
๋ก ๋ฐ๊ฟ์ฃผ์. ํ๋ฒ๋ง ๋ฐ๊ฟ์ฃผ๋ฉด ์ด๋๋ก ๊นํ์ผ๋ก ํธ์๊ฐ ์ด๋ฃจ์ด์ง๋ค.
ํด๋น ๋ฒํผ ์์ ๊นํ ์์ด์ฝ์ ๋๊ธฐํ๋ ํ์ผ๋ก ์ด๋์ ๋ฐ๋ก ๊ตฌํํด์ค๋ค. ์ด๊ฒ๋ ๊ฝค ํธ๋ฆฌํ๊ฒ ํ์ฉํ ์ ์๋ค. ๊ตฌํ ๋ฐฉ์์ ์ ๋ฆฌํด๋ณด์.
https://github.com/๊ณ์ /๋ฆฌํฌ์ด๋ฆ
https://github.com/๊นํ์์ด๋/๋ฆฌํฌ์ด๋ฆ
์ index.html
์ ์ด๋ฆ์ผ๋ก ํผ๋ธ๋ฆฌ์ ํ๋ค.ํํ์ด์ง์ ๊ตฌ์กฐ๋ ๋ค์๊ณผ ๊ฐ๋ค. ํธ์์ lostineconomics.com์ ์๋ก ๋ค๊ฒ ๋ค.
๋ณ๋์ ๋ฆฌํฌ๋ฅผ ๋ง๋๋ ๊ฒ์ด ๋ฒ๊ฑฐ๋ก์๋ณด์ผ ์ ์๊ฒ ๋ค. ์ด๋ฐ ๊ด๋ฆฌ ๋ฐฉ์์๋ ๊ท์ฐจ๋์ฆ ๋น์ฉ๋ณด๋ค ํฐ ์ฅ์ ์ด ์๋ค.
anarinsk.github.io/[๋ฆฌํฌ์ด๋ฆ]
๋ฐฉ์์ผ๋ก ๊ฐ ํฌ์คํ
์ ์ฃผ์๊ฐ ์์ฑ๋๋ค.์ฃผ์์ฌํญ! file path์์ ๋ํดํธ๋ก ์ฃผ์ด์ง .md
๋ฅผ ์์ ํ์ง ์์ผ๋ฉด ์ด๋ค ์ผ์ด ์๊ธธ๊น? ์๋ .md
ํ์ผ์ด html๋ก ๊ต์ฒด๋๋ ๋์ฐธ์ฌ(!)๊ฐ ๋ฐ์ํ ์ ์๋ค. ํ์ง๋ง ๋นํฉํ์ง ๋ง์๋ผ. ์ฐ๋ฆฌ๋ github์ ํ์ผ์ ์ ์ฅํ๊ณ ์๋ค. ๊ณผ๊ฑฐ์ ์ด๋ ์๊ฐ์ผ๋ก๋ ๋์๊ฐ ์ ์๋ค! ๊ทธ๋๋ ๊ท์ฐฎ์ ์ผ์ด ์๊ธฐ๊ธฐ ์ ์ publish์ ์ฃผ์ํ๋ฉด ์ข๊ฒ ๋ค.
stackedit.io ์ฐจ์์์ ์ ๊ณต๋๋ ์์ ์ฅ์น๋ ์๋ค. ์๋ history ๋ฉ๋ด๋ฅผ ๋๋ฅด๋ฉด ์์ ์ด ์ธ์ด๋ธํ ์ด๋ ์๊ฐ์ผ๋ก๋ ๋์๊ฐ ์ ์๋ค. stackedit.io ์์ฒด์ ์ผ๋ก ๋์๊ฐ๋ git ์์คํ ์ด๋ค. ํ๋ฅญํ์ง ์๋ํ๊ฐ!
์๋ฌด๋ฆฌ ํ๋ฆํ๋ค๊ณ ํด๋ ํนํ๋ ํ์ํ๋ค! ์๋ฅผ ๋ค์ด Google Analytics๋ฅผ ์ฌ๊ณ ์ถ๋ค๋ฉด ์ด์ฐํด์ผ ํ๋๊ฐ? stackedit.io๋ ๊ฐ๋ณ์ ์ธ ํนํ ๊ธฐ๋ฅ๋ ์ ๊ณตํ๋ค. โTemplatesโ ๋ฉ๋ด์์ ํนํ๋ html ๋ฐ ์คํฌ๋ฆฝํธ์ ์ฝ๋๋ฅผ ์ค์ ํ๊ณ ์ด๋ฅผ ํ์ด์ง์ ์ ํ ์ ์๋ค.
์์ Publish ๋ฉ๋ด์์ ํ์ธํ ์ ์๋ฏ์ด ์์ ์ด ํ์ํ ์ฝ๋๋ ์คํ์ผ(css)์ ์ ์ฉํ ์ ์๋ ์ต์ ์ด ์ ๊ณต๋๋ค. ๊ธฐ๋ณธ ์ ๊ณต๋๋ ๋ค ๊ฐ์ ์คํ์ผ์ ์ญ์ ๋ ์์ ์ด ๋ถ๊ฐ๋ฅํ๊ณ , ์ด๋ฅผ ๋ณต์ฌํด์ ๋๋ฆ์ ์ฝ๋์ ์คํ์ผ์ ์์ ํ ๋ค ์ด๋ฅผ publish ๋จ๊ณ์์ ์ ์ฉํ ์ ์๋ค. ์๋ ๊ทธ๋ฆผ ์ค ๋ฐ์ค์น ๊ฒ๋ค์ ์ปค์คํฐ๋ง์ฆํ ํญ๋ชฉ์ ์์๋ค.
๐ lostineconomics.com | Jun Sok Huhh
๋งํฌ ํ๋ ์ ์ด๋๋ค. https://blog.chulgil.me/how-to-make-blog-using-github-1 โฉ๏ธ