Search

Github Page with Jekyll

Properties
Empty
Reference
Empty
Author
Empty
Date
Empty
Link
Empty
Created
3/5/2021, 1:19:00 PM
Tags
Empty
links
Empty

Posting github page with jekyll themes

๐Ÿ’ก
Git์ด๋ž€? ํ”„๋กœ์ ํŠธ์˜ ๋ฒ„์ „๊ด€๋ฆฌ ์†Œํ”„ํŠธ์›จ์–ด๋กœ์„œ, ๋งŽ์€ ์—ฐ๊ตฌ์ž๊ฐ€ ์ฐธ์—ฌํ•˜๋Š” ํ”„๋กœ์ ํŠธ์˜ ๊ฒฝ์šฐ, ์ˆ˜์ •์ž‘์—…์ด ๋™์‹œ๋‹ค๋ฐœ์ ์œผ๋กœ ์ด๋ฃจ์–ด์ง€๊ธฐ ๋•Œ๋ฌธ์— ๋ณ€๊ฒฝ๋‚ด์—ญ์— ๋Œ€ํ•œ ํ™•์ธ/์ถ”์ ์ด ํ•„์ˆ˜์ ์ด๋‹ค. ๋”ฐ๋ผ์„œ, ์ž‘์—…๋‚ด์šฉ์ด ์ค‘๋ณต๋˜๋Š” ์ผ์„ ์‚ฌ์ „์— ๋ฐฉ์ง€ํ•˜๋Š” ์—ญํ• ์„ ํ•œ๋‹ค.

1. Fork ๋ฐฉ๋ฒ•

ํ…Œ๋งˆ ์„ ํƒ

โ€ข
Jekyll themes -- Webjeda Cards ์„ ํƒ -- Homepage

ํ…Œ๋งˆ Fork

(1) ์šฐ์ธก์ƒ๋‹จ fork ํด๋ฆญ
(2) ๋‹ค์†Œ ์‹œ๊ฐ„์ด ์†Œ์š”๋จ
(3) statpng ๊ณ„์ •์œผ๋กœ fork๋œ ๊ฒƒ์„ ํ™•์ธ
(4) ๊ทธ๋Ÿผ ์ด์ œ ๋ ˆํผ์ง€ํ† ๋ฆฌ ์ด๋ฆ„์„ ๋ณ€๊ฒฝ (example)
(5) Github page๋กœ ์„ค์ •
(6) ์ƒ์„ฑ๋œ Github page url ํด๋ฆญ
(7) Webjeda cards ํ…Œ๋งˆ์˜ ํ…œํ”Œ๋ฆฟ๊ณผ ๋™์ผํ•œ ๊ฒƒ์„ ํ™•์ธ
(8) _config.yml, includes/header.html ๋“ฑ์„ ์ˆ˜์ •ํ•˜๊ณ  _posts ์— .md ๋˜๋Š” .html ํŒŒ์ผ์„ ์ถ”๊ฐ€ํ•˜๋ฉด ๋.

2. Jekyll & Ruby ๋ฐฉ๋ฒ•

Github ๊ณ„์ • ์ƒ์„ฑ

Repository๋ช…: yourname.github.io : url์„ https://yourname.github.io๋กœ ์„ค์ •ํ•˜๊ธฐ์œ„ํ•จ

Jekyll [์ง€ํ‚ฌ]์„ ์ด์šฉํ•œ ํ…Œ๋งˆ ์„ค์ •

1.
Ruby ์„ค์น˜
Ruby installer๋ฅผ ์‚ฌ์šฉํ•˜์ž. ๋‹ค์šด๋กœ๋“œ ์‚ฌ์ดํŠธ: RubyInstaller for Windows Ruby + Devkit์˜ 2.4์ด์ƒ์˜ ๋ฒ„์ „ ์„ค์น˜
1.
Ruby ์„ค์น˜ ํ™•์ธ
ruby -v
1.
jekyll Ruby Gem ์„ค์น˜ ๋ฐ ํ™•์ธ
gem install bundler jekyll jekyll -v
1.
ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ
jekyll new new-statpng.github.io
1.
ํ…Œ๋งˆ ์ ์šฉ
Jekyllthemes template์„ new-statpng.github.io ํด๋”์— ๋ณต์‚ฌ ๋ถ™์—ฌ๋„ฃ๊ธฐ ๋ฐ Gemfile, index.md ์‚ญ์ œ
1.
๊ตฌ๋™ ํ™•์ธ {% highlight ruby %} jekyll serve bundle exec jekyll serve {% endhighlight %}
2.
Github์— ์—…๋กœ๋“œ_ {% highlight ruby %} git init git checkout -b gh-pages git remote add origin https://github.com/statpng/new-statpng.github.io.github git add . git commit "initial commit" git push -u origin gh-pages {% endhighlight %}

์„ค์น˜

KaTeX

You can render LaTeX mathematical expressions using KaTeX:
The Gamma function satisfying $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ is via the Euler integral
You can find more information about LaTeX mathematical expressions here.

UML diagrams

You can render UML diagrams using Mermaid. For example, this will produce a sequence diagram:
AliceBobJohnHello Bob, how are you?How about you John?I am good thanks!I am good thanks!Bob thinks a longlong time, so longthat the text doesnot fit on a row.Checking with John...Yes... John, how are you?AliceBobJohn
Plain Text
And this will produce a flow chart:
TOP