TeX에서 TikZ 코드로 작성한 그림을 블로그에 넣기 위한 고민

by Lee Yeohyeon
638 views

[기록용]
\(\rm{\LaTeX}\)의 TikZ패키지를 이용하여 얻은 그림을 블로그에 넣는 방법을 생각해보자. 예를 들어 \(\rm{\TeX}\)으로 어떤 문서를 만들었는데, 그 문서에는 다음과 같은 코드로 만든 그림이 종종 등장한다고 하자.

	\begin{tikzpicture}[scale=.7]
\begin{scope}[every node/.style={circle,thick,draw,fill,inner sep=1.8pt}]
    \node (A) at (0,3) {};
    \node (B) at (3,3) {};
    \node (C) at (5,1.5) {};
    \node (D) at (0,0) {};
    \node (E) at (3,0) {};
\end{scope}
	\node at (.4, 2.8) {$v_1$} ;
	\node at (3.3, 3.3) {$v_2$} ;
	\node at (5.3, 1.8) {$v_3$} ;
	\node at (.4, .2) {$v_4$} ;
	\node at (3.4, .3) {$v_5$} ;
\begin{scope}[every edge/.style={draw=black, thick},every loop/.style={},  every loop/.style={min distance=10mm,looseness=10}]
    \path [-] (A) edge[bend left=10]  (B);
    \path [-] (A) edge[bend right=20]  (D);
    \path [-] (A) edge[bend left=20]  (D);
    \path [-] (B) edge[bend left=10]  (E);
    \path [-] (E) edge[bend left=10]  (D);
    \path [-] (D) edge  (D);
%    \path [->] (D) edge node {$3$} (E);
    \path [-] (A) edge[in=150,out=-130,loop]  (A);
    \path [-] (A) edge[in=50,out=130,loop] (A);
    \path [-] (E) edge[in=0,out=-90,loop] (E);
\end{scope}
\end{tikzpicture}

가장 단순한 방법(그러나 조금 귀찮은 방법)은 \(\rm{\TeX}\)의 standalone 클래스로 해당 코드의 이미지를 얻은 후 이를 보통의 그림을 블로그에 삽입하는 방법을 이용하는 것이다.
플러그인을 통한 방법을 사용하는 다음 링크도 참고하자. 이 링크의 방법은 기존 mathjax이나 다른 패키지와의 충동 여부가 관건이겠다.

QuickLaTeX

오오, QuickLaTeX관련 링크를 그냥 붙여넣기 했을 뿐인데, 예쁘게 나온다!

Leave a Comment