[Plugin] QuickLaTeX 를 블로그에 장착

Edited by Leun Kim

QuickLaTeX를 블로그에 장착했습니다. QuickLaTeX는 특히 tikz를 이미지로 랜더링 해 준다는 것이 장점이 되겠습니다. 물론 일반적인 수식도 지원하지만, MathJax도 이미 사용하고 있는 중이라서, 그래프나 이미지 관련 기능만 쓰게 되겠네요(사실 그다지 그래프를 그린다던가 할 일은 없어 보이지만).

QuickLaTex Plugin 다운로드 : http://www.holoborodko.com/pavel/quicklatex

아래에 QuickLaTeX를 이용한 간단한 예들을 소개합니다. 코드가 자동 렌더링 되는 바람에 begin 앞에 \를 생략하였습니다.

를 입력하면 아래와 같이 랜더링 됩니다.

[latex]
\begin{tikzpicture}
[+preamble]
\usepackage{tikz}
\usepackage{pgfplots}
\pgfplotsset{compat=newest}
[/preamble]
\begin{axis}
\addplot3[surf,domain=0:360,samples=60] {cos(x)*cos(y)};
\end{axis}
\end{tikzpicture}
[/latex]
$$f(x,y) = \cos x \cos y$$

랜더링 하는데 시간이 좀 걸린다 싶으면 아래와 같이 샘플 갯수를 줄여줄 수도 있습니다.

[latex]
\begin{tikzpicture}
[+preamble]
\usepackage{tikz}
\usepackage{pgfplots}
\pgfplotsset{compat=newest}
[/preamble]
\begin{axis}
\addplot3[surf,domain=0:360,samples=20] {sin(x)*sin(y)};
\end{axis}
\end{tikzpicture}
[/latex]
$$f(x,y) = \sin x \sin y$$

또는 다음과 같은 다양한 이미지 작업들이 웹 상에서 직접적으로 가능합니다.

[latex]
\begin{tikzpicture}
[+preamble]
\usepackage{tikz}
\usepackage{pgfplots}
\pgfplotsset{compat=newest}
[/preamble]
\begin{axis}[xlabel=Time (weeks),ylabel=Individuals,
width=12cm,height=6cm
]
\addplot coordinates {(1,8) (2,9) (4,7) (5,13)
(6,12) (8,18) (9,17) (10,22) (11,41) (12,32)
(13,24) (14,21) (16,21.5) (21,19.4) (25,21.02)};
\node[coordinate,pin={below:{Control}}] at (axis cs:16,21.5) {};
\addplot coordinates {(1,4) (2,3) (4,5) (5,7)
(6,9) (7,8) (8,12) (9,23) (10,38) (11,34)
(12,35) (13,33.2) (14,27) (16,25) (21,24.4) (25,24.9)};
\node[coordinate,pin={above:{Treatment}}] at (axis cs:21,24.4) {};
\end{axis}
\end{tikzpicture}
[/latex]

 

[latex]
\begin{tikzpicture}[->,>=stealth’,shorten >=1pt,auto,node distance=3cm,
thick,main node/.style={circle,fill=red!20,draw,font=\sffamily\Large\bfseries}]
[+preamble]
\usepackage{tikz}
\usepackage{pgfplots}
\pgfplotsset{compat=newest}
\usetikzlibrary{arrows}
[/preamble]
\node[main node] (1) {A};
\node[main node] (2) [below left of=1] {B};
\node[main node] (3) [below right of=2] {C};
\node[main node] (4) [below right of=1] {D};
\path[every node/.style={font=\sffamily\small}]
(1) edge node [left] {a} (4)
edge [bend right] node[left] {b} (2)
edge [loop above] node {c} (1)
(2) edge node [right] {d} (1)
edge node {0.1} (4)
edge [loop left] node {100} (2)
edge [bend right] node[left] {20} (3)
(3) edge node [right] {0.04} (2)
edge [bend right] node[right] {40} (4)
edge [loop below] node {1} (3)
(4) edge node [left] {e} (3)
edge [loop right] node {f} (4)
edge [bend right] node[right] {g} (1);
\end{tikzpicture}
[/latex]

 

[latex]
[+preamble]
\usepackage{tikz}
\usepackage{pgfplots}
\pgfplotsset{compat=newest}
\usepackage{gnuplot]
[/preamble]
\begin{tikzpicture}[scale=2]
\shade[top color=red,bottom color=gray!50]
(0,0) parabola (1.5,2.25) |- (0,0);
\draw (1.05cm,2pt) node[above]
{$\displaystyle\int_0^{3/2} \!\!x^2\mathrm{d}x$};
\draw[style=help lines] (0,0) grid (3.9,3.9)
[step=0.25cm] (1,2) grid +(1,1);
\draw[->] (-0.2,0) — (4,0) node[right] {$x$};
\draw[->] (0,-0.2) — (0,4) node[above] {$f(x)$};
\foreach \x/\xtext in {1/1, 1.5/1\frac{1}{2}, 2/2, 3/3}
\draw[shift={(\x,0)}] (0pt,2pt) — (0pt,-2pt) node[below] {$\xtext$};
\foreach \y/\ytext in {1/1, 2/2, 2.25/2\frac{1}{4}, 3/3}
\draw[shift={(0,\y)}] (2pt,0pt) — (-2pt,0pt) node[left] {$\ytext$};
\draw (-.5,.25) parabola bend (0,0) (2,4) node[below right] {$x^2$};
\end{tikzpicture}
[/latex]

다른 다양한 예시들과 결과물들을 http://www.texample.net/tikz/examples/all 등에서 확인하실 수 있습니다.

 

 
I was born and raised in Daegu, S. Korea. I majored in electronics and math in Seoul from 2007 to 2012. I've had a great interest in math since freshman year, and I studied PDE in Osaka, Japan from 2012-2014. I worked at a science museum and HUFS from 2014 in Seoul. Now I'm studying PDE in Tokyo, Japan. I also developed an interest in music, as I met a great piano teacher Oh in 2001, and joined an indie metal band in 2008. In my spare time, I enjoy various things, such as listening music, blogging, traveling, taking photos, and playing Go and Holdem. Please do not hesitate to contact me with comments, email, guestbook, and social medias.



This entry was posted in Blog Tips, Others and tagged , by Leun Kim. Bookmark the permalink. All rights reserved (c) 2007-2016 Leun Kim.
Trackback URL : http://www.leunkim.com/others/word-press-tips/plugin-quicklatex-on-my-blog/trackback/

3 comments

  • 안녕하세요. 지나가다 좋은 포스트를 읽게 되었네요.글에서는 QuickLaTex를 블로그에 적용시키셨다고 하셨는데 지금 수식을 보니 MathJax를 쓰고 계시더라구요. 다시 MathJax로 바꾸신 이유가 있을까요?

    • 안녕하세요. 사실 Quick LaTeX를 제거한 별다른 이유는 없어요. 모바일 환경에서 Quick LaTeX보다 MathJax가 조금 더 컴패티블하다고 판단해서 바꿨네요. Quick LaTeX같은 경우 모바일에서 긴 수식을 볼 때 그림 파일이라 짤리던지 아니면 그림 전체가 축소되어 폰트 크기가 들쭉날쭉 하게 되는데 반해 MathJax의 경우 적어도 그런 문제는 없어서 바꿨습니다.