티스토리에서 수식 쓰기

Etc🏄‍♀️

티스토리에서 수식 쓰기

JanuDev 2025. 12. 10. 17:04

티스토리에 딱히 수식을 쓰는 기능이 없는 것 같아서 찾다가 쓴 글

1. 블로그 관리 > 스킨 편집 > html 편집 클릭

2. <head>태그 안에 수식 관련 script 붙여넣기

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

그냥 이거 복붙해서 붙여넣기하고 저장하면 된다.

저기에 붙여넣으면 된다.

3. 수식 작성하기

수식 작성하는데 도움 받을 수 있는 사이트는 여기다.

https://editor.codecogs.com/

Equation Editor for online mathematics - create, integrate and download

Download svg gif png pdf emf 5 pt 9 pt 10 pt 12 pt 18 pt 20 pt 50 80 100 110 120 150 200 300 Transparent White Black Red Green Blue Inline Block WordPress phpBB Tiny Wiki url url encoded xml pre doxygen html latex Formatted string containing your Equation

editor.codecogs.com

이런식으로 작성해서 확인할 수 있다.

참고로 LaTeX 문법을 통해서 수식을 작성해야 한다.

1️⃣ 텍스트 사이에 수식을 작성할 경우

\(여기 안에 수식을 써야 한다 \)

$여기 안에 수식을 써야 한다. a_x$

저렇게 \( 과 )\ 사이에 작성해야 한다.

2️⃣ 인라인, 디스플레이 수식

인라인 수식은 일반 텍스트의 줄 안에 삽입되는데, 텍스트의 흐름을 끊기지 않고 문장과 함께 한 줄에 표시도힌다.

텍스트와 함께 왼쪽 정렬에 따른다.

수열의 $x$ 번째 항은 $a_x$ 이다.

저렇게 단일 달러 기호로 감싼다 ($...$)

디스플레이 수식은 텍스트 줄에서 분리되어 독립적인 단락처럼 표시된다. 수식의 위아래로 공백이 생긴다.

페이지나 문서 영역의 중앙에 정렬된다.

$$a_x$$

$$a_x$$

이렇게 보인다.

참고로 티스토리에선 인라인 수식은 인식이 안되는데 디스플레이 수식은 인식이 되는듯 하다. 그래서 1️⃣ 와 같은 방법으로 작성한다.

3️⃣LaTeX 기본 문법

기능	명령어	결과	설명
윗첨자(지수)	a^x	$a^x$	캐럿^ 뒤 문자가 윗첨자가 된다
아랫첨자(첨자)	a_x	$a_x$	언더바_ 뒤의 문자가 아랫첨자가 된다
여러 문자	a^{xy} 또는 a_{xy}	$ a^{xy} 또는 a_{xy} $	두 글자 이상은 중괄호{}에 묶어야 한다
제곱근	\sqrt{x}	$\sqrt{x}$	\ 이건 반드시 붙여야 한다.
n제곱근	\sqrt[n]{x}	$\sqrt[n]{x}$	대괄호[n]을 차수로 지정한다

[참고 자료]

https://ysryuu.tistory.com/23

[Blog] 티스토리에서 수식 추가하기

머신러닝, 딥러닝 관련 포스팅을 위해서는 수식이 필요할 때가 종종 있을 것이다.티스토리에서 쉽게 수식을 추가하는 방법에 대해 포스팅해보겠다. 1. 티스토리 스킨 설정티스토리 설정 -> 스킨

ysryuu.tistory.com

https://devjino.tistory.com/324

[팁] tistory 수학 기호 넣기

블러그 관리 -> 꾸미기 -> 스킨편집 -> html 편집 html 편집의 head부분에 다음의 코드를 넣어 줍니다. 사용 방법은 다음 페이지 참고합니다. https://ko.wikipedia.org/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:TeX_%EB%AC

devjino.tistory.com

'Etc🏄‍♀️' 카테고리의 다른 글

Node.js, Next.js, NestJS, Nuxt.js (0)	2025.10.14
Framework와 Library차이 (0)	2025.09.10
CLI, GUI란 (3)	2025.07.24
터미널에 Gemini - CLI 설치하고 사용하기 (4)	2025.07.13
내 운영체제(윈도우 버전), 인텔리제이 버전 확인하기 (0)	2025.06.30

현재글티스토리에서 수식 쓰기

Janu is Developing

됬어요 피 수혈 안해줘요

useState, 리액트, postgresql, spring, sql, 자바스크립트, intellij, react, typescript, vue, db, 인텔리제이, java, javascript, CLI, supabase, spring boot, 라즈베리파이, java 21, error,

Today :
Yesterday :

Janu is Developing