블로그 시작하기 썸네일형 리스트형 Prism으로 syntax highlighting 지원하기 티스토리 공지에서는 코드 삽입을 위해서 에디터의 코드블럭 기능을 사용하라고 한다. 하지만 코드블럭을 사용할 경우 처럼 html 코드가 더러워져서 그냥 직접 html을 수정해서 코드를 넣기로 했다. 다양한 Syntax highlighter 중에서 Prism을 사용한 이유는 여러 가지가 있다. 용량이 굉장히 작다. class를 상속받기 때문에 body에 class를 지정하는 식으로 기본 언어를 지정할 수 있다. 지원하는 언어가 많아서 티스토리 코드블럭에서 지원하지 않는 언어들도 사용할 수 있다. 정규 표현식만 안다면 새로운 언어를 만들거나, 기존 언어를 수정할 수도 있다. 플러그인을 통해 다양한 기능들을 지원한다. Prism을 적용하는 한가지 방법은 다운로드 페이지에서 직접 Prism을 다운로드 받는 방법이.. 더보기 MathJax 3으로 LaTeX 지원하기 관리 - 꾸미기 - 스킨 편집으로 들어간 후 html 편집을 누르고 위 코드를 사이 아무 곳에나 끼워넣는다. 2~8줄은 \$로 inline math를 넣을 수 있게 하는 코드다. 9줄은 옛날 브라우저들을 지원하기 위한 코드다. 10줄은 MathJax 3를 불러오는 코드다. 항상 최신 버전을 불러온다. 성공했다면 LaTeX처럼 \$로 둘러싸서 inline math를 넣을 수 있고 \$\$로 둘러싸서 display math를 넣을 수 있다. 예를 들어 $F_n = F_{n-1} + F_{n-2}$는 $F_n = F_{n-1} + F_{n-2}$로 보이고, $$C_{n+1} = \sum_{i+j=n} C_i C_j$$는 다음 수식처럼 보인다. $$C_{n+1} = \sum_{i+j=n} C_i C_j$$ 이때.. 더보기 이전 1 다음