Back to : jekyll

Jekyll Blog

Jekyll์€ Markdown์„ ์ด์šฉํ•ด์„œ (์ฃผ๋กœ ์ด๋Ÿฐ ์ฃผ์ œ์˜) ๋ธ”๋กœ๊ทธ๋ฅผ ์‰ฝ๊ฒŒ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ฃผ๋Š” ๋†€๋ผ์šด ํˆด์ž…๋‹ˆ๋‹ค. Theme์„ ์›ํ•˜๋Š” ๋Œ€๋กœ ์ ์šฉํ•ด์„œ ์ปค์Šคํ„ฐ๋งˆ์ด์ฆˆ ํ•  ์ˆ˜ ์žˆ๊ณ , ์ €๋Š” ์•„์ง ์ž˜ ๋ชจ๋ฅด๊ฒ ์ง€๋งŒ .scss ํŒŒ์ผ์„ ์ž˜ ๋งŒ์ง€๋ฉด ์ƒ๊ฐ๋ณด๋‹ค ๋งŽ์ด ์†๋Œˆ ์ˆ˜ ์žˆ์–ด ๋ณด์ž…๋‹ˆ๋‹ค.

Why Jekyll?

์ €๋Š” ๊ธฐ์กด์— ๋„ค์ด๋ฒ„ ๋ธ”๋กœ๊ทธ์™€ ์ง€๊ธˆ ์“ฐ๊ณ  ์žˆ๋Š” ํ‹ฐ์Šคํ† ๋ฆฌ ๋งํฌ ์—์„œ ๊ธ€์„ ์ž‘์„ฑํ•ด ๋ณด์•˜์Šต๋‹ˆ๋‹ค. ๋„ค์ด๋ฒ„ ๋ธ”๋กœ๊ทธ๋ฅผ ๋ฒ„๋ฆฐ ์ด์œ ๋Š” ํฌ๊ฒŒ ๋‘ ๊ฐ€์ง€์ž…๋‹ˆ๋‹ค.

  1. Mathjax ๋ฏธ์ง€์› ๋ฐ ๋„ค์ด๋ฒ„ ์ˆ˜์‹ ํŽธ์ง‘๊ธฐ์˜ ํ•œ๊ณ„. ์ €๋Š” LaTeX๊ฐ€ ์•„๋‹Œ ์ˆ˜์‹ ํฐํŠธ๊ฐ€ ์šฉ๋‚ฉ์ด ์•ˆ ๋˜๊ธฐ ๋•Œ๋ฌธ์—(โ€ฆ)
  2. Code highlight์˜ ๋ฏธํกํ•จ. ๋Œ€ํ‘œ์ ์œผ๋กœ, python์˜ // ์—ฐ์‚ฐ์ž๋ฅผ C-์Šคํƒ€์ผ์˜ ์ฃผ์„์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๋Š” ๊ทธ๋Ÿฐ ๋”์ฐํ•œ ๊ฒฝํ–ฅ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

์ด ๋‘ ๊ฐ€์ง€ ๋ชจ๋‘ ํ‹ฐ์Šคํ† ๋ฆฌ๋Š” ์ž˜ ํ•ด๊ฒฐํ•ด ์ค๋‹ˆ๋‹ค. ํŠนํžˆ ์›ํ•˜๋Š” ๋Œ€๋กœ Code highlight์„ js๋ฅผ ์ด์šฉํ•ด ๋งˆ์น˜ ์„ค์น˜ํ˜• ๋ธ”๋กœ๊ทธ์ฒ˜๋Ÿผ ์“ธ ์ˆ˜ ์žˆ์—ˆ๋˜ ์ ์€ (๋น„๋ก ๊ณผ์ •์ด ํž˜๋“ค์—ˆ์ง€๋งŒ) ์ธ์ƒ์ ์ด์—ˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿผ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  Jekyll ๋ธ”๋กœ๊ทธ๋ฅผ ๋”ฐ๋กœ ์—ฌ๋Š” ์ด์œ ๋Š”โ€ฆ

  1. .github.io ๊ฐ€ .tistory.com ๋ณด๋‹ค ๊ฐœ์ธ์ ์œผ๋กœ ์ข€๋” ๋งˆ์Œ์— ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ๋ฌผ๋ก  ์ €๋Š” ์–ด์ฐจํ”ผ gratus907.com ๋„๋ฉ”์ธ์„ ์ƒ€๊ณ  ์ ์–ด๋„ 5๋…„ ์ด์ƒ์€ ๋ณด์œ ํ•  ์˜ˆ์ •์ด๊ธฐ ๋•Œ๋ฌธ์— ์ด๋ถ€๋ถ„์€ ๋ณ„๋กœ ํฐ ๋ฌธ์ œ๋Š” ์•„๋‹™๋‹ˆ๋‹ค.
    ์ˆ˜ํ•™๊ณผ ์ปดํ“จํ„ฐ์— ๋Œ€ํ•œ Techyํ•œ ๊ธ€์ด ์ฃผ๋ฅ˜์ด๊ธฐ ๋•Œ๋ฌธ์—, github.io๊ฐ€ ์กฐ๊ธˆ๋” ์ •์ฒด์„ฑ์— ๋งž๋Š”๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.
  2. ์–ด์ฐจํ”ผ tistory ๊ธ€์„ markdown์œผ๋กœ ๊ฑฐ์˜ ๋น„์Šทํ•˜๊ฒŒ exportํ•  ์ˆ˜ ์žˆ์–ด์„œ, ๋ธ”๋กœ๊ทธ ๋‘๊ฐœ์— ๋˜‘๊ฐ™์€ ๊ธ€์„ ์˜ฌ๋ฆฌ๋Š” ๋ฐ ๋ณ„๋กœ ์ถ”๊ฐ€์ ์ธ ๋…ธ๋ ฅ์ด ๋“ค์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
  3. ๊ฐ€์žฅ ํฐ ๋ฌธ์ œ์ธ๋ฐ, ํ‹ฐ์Šคํ† ๋ฆฌ๋Š” ๋งˆ์Œ๋Œ€๋กœ url์„ ๋ฐ”๊พธ๊ธฐ ์–ด๋ ต์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, CEOI 2015 ํ’€์ด๋ฅผ โ€ฆ/ps/ceoi/2015 ๋กœ ์˜ฌ๋ฆฌ๊ณ  ์‹ถ๋‹ค๊ณ  ํ•ด๋„, ํ‹ฐ์Šคํ† ๋ฆฌ๋Š” ์ด๋Ÿฐ ๋ถ€๋ถ„์—์„œ (์ œ๊ฐ€ ์•Œ๊ธฐ๋กœ๋Š”) ์ง€์›์ด ๋ฏธ๋น„ํ•ฉ๋‹ˆ๋‹ค.
  4. justicehui๋‹˜์˜ ๋ธ”๋กœ๊ทธ์— ์žˆ๋Š” navigator ๋ฅผ ๋ณด๋ฉด, ํฌ์ŠคํŒ…์„ ์›ํ•˜๋Š” ๋Œ€๋กœ ์ •๋ฆฌํ•˜๊ธฐ๊ฐ€ ์กฐ๊ธˆ ๋” ํŽธํ•œ ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ‹ฐ์Šคํ† ๋ฆฌ๋Š” ํฌ์ŠคํŠธ์™€ ํ™ˆ ์ด์™ธ์˜ ๋ญ”๊ฐ€๋ฅผ ์ œ๊ณตํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ์ด๋Ÿฐ ๊ด€๋ฆฌ๊ฐ€ ์–ด๋ ต์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿฐ ์ด์œ ๋กœ, ๋‹น๋ถ„๊ฐ„ ๊ธ€์€ ๊ฐ™์€ ๊ธ€์„ ์–‘์ชฝ์— ์˜ฌ๋ฆด ์˜ˆ์ •์ด๊ณ , ์ด์ชฝ์ด ์กฐ๊ธˆ๋” ์ •๋ˆ๋œ ํ˜•ํƒœ๋กœ ์˜ฌ๋ผ๊ฐˆ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. :)

Testing

English font ํ•œ๊ตญ์–ด ํฐํŠธ ๋‹ค๋žŒ์ฅ ํ—Œ ์ณ‡๋ฐ”ํ€ด์— ํƒ€๊ณ ํŒŒ

์ค„
๋ฐ”
๊ฟˆ

Inline math $^\forall x \in \R$, $\int_{0}^{1} f(x) \text{ d}x$

Display math \(\int_{0}^{1} f(x) \text{ d}x\)

Code highlight

#include <bits/stdc++.h>
using namespace std;

int main()
{
    cout << "Hello world\n";
    return 0;
}