코딩/티스토리

[티스토리] 블로그 수식 넣는 방법 LaTex, MathJax

2023. 6. 17. 23:59
목차
  1. 1. 티스토리 블로그 설정
  2. Step 1 : : [프로필] 클릭 - [블로그 톱니바퀴] 클릭
  3. Step 2 : : [스킨 편집] 클릭
  4. Step 3 : : [html 편집] 클릭
  5. Step 4 : : [HTML] 클릭 - </head> 윗줄에 코드 복사후 붙여넣기 - [적용] 클릭
  6. 2. 수식 입력

수학 수식을 블로그에 입력하는 방법을 포스팅 하였습니다.

 


수학 수식을 블로그에 입력하는 방법은 대표적으로 두종류입니다.

  • LaTex: LaTex는 수학 수식을 입력하고 표현하는 데 널리 사용되는 형식입니다. LaTex을 사용하려면 수식을 LaTex 형식으로 작성한 다음, 해당 LaTex 코드를 블로그에 복사하여 붙여넣으면 됩니다. 블로그 플랫폼에 따라 LaTex 형식을 지원하는 경우도 있습니다.
  • MathML: MathML은 수학 수식을 표현하기 위한 XML 기반의 형식입니다. 일부 블로그 플랫폼은 MathML을 지원할 수 있으므로 수식을 MathML 형식으로 작성한 다음, 해당 코드를 블로그에 삽입할 수 있습니다.

 사실 뭔지 잘 모르겠습니다. LaTex를 써봅시다.

 

LaTex 적용 방법

수학 수식을 LaTex으로 사용하기 위해 블로그 스킨 html의 <head> 부분에 코드를 추가해야합니다.

추가 해야하는 코드는 MathJax 또는 KaTeX와 같은 LaTex 렌더링 라이브러리를 로드하는 코드입니다. 이를 통해 웹 페이지에서 LaTex 형식의 수식을 렌더링할 수 있습니다.

사실 이해까지 필요없고, 설정 방법 따라하시면 됩니다.

 


1. 티스토리 블로그 설정

Step 1 : : [프로필] 클릭 - [블로그 톱니바퀴] 클릭

 

Step 2 : : [스킨 편집] 클릭

 

Step 3 : : [html 편집] 클릭

 

Step 4 : : [HTML] 클릭 - </head> 윗줄에 코드 복사후 붙여넣기 - [적용] 클릭

MathJax를 사용하는 경우, <head> 부분에 다음과 같은 코드를 추가하면 됩니다. 정확히 </head> 윗 줄에 아래 코드를 추가하시면 됩니다.

MathJax 코드
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/latest.js?config=TeX-MML-AM_CHTML"></script>

 

2. 수식 입력

LaTex 코드 :
\[f(x) = \frac{1}{{\sigma\sqrt{2\pi}}} e^{-\frac{(x-\mu)^2}{2\sigma^2}}\]

위 코드를 복사하여 블로그에 적으면 아래와 같은 결과가 나옵니다. 수식 입력을 도와주는 사이트를 마지막에 남겨두겠습니다.

 

결과 :

\[f(x) = \frac{1}{{\sigma\sqrt{2\pi}}} e^{-\frac{(x-\mu)^2}{2\sigma^2}}\]

 

유용한사이트 :

수식을 만드는 것을 도와주는 사이트입니다.

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 Equation as a formatted string for inclusi

editor.codecogs.com

 

저작자표시 비영리 변경금지 (새창열림)

'코딩 > 티스토리' 카테고리의 다른 글

[티스토리] 한글 단어 잘림 비허용 설정  (0) 2023.06.17
  1. 1. 티스토리 블로그 설정
  2. Step 1 : : [프로필] 클릭 - [블로그 톱니바퀴] 클릭
  3. Step 2 : : [스킨 편집] 클릭
  4. Step 3 : : [html 편집] 클릭
  5. Step 4 : : [HTML] 클릭 - </head> 윗줄에 코드 복사후 붙여넣기 - [적용] 클릭
  6. 2. 수식 입력
'코딩/티스토리' 카테고리의 다른 글
  • [티스토리] 한글 단어 잘림 비허용 설정
Niki
Niki
Niki
MyDream
Niki
전체
오늘
어제
  • 전체
    • 잡다한것
    • 코딩
      • 티스토리
      • C 언어
      • 파이썬
      • 매트랩
    • 리뷰
      • 제품리뷰
      • 그밖리뷰
    • 모바일
      • 앱테크
      • 블랙클로버♣
      • 카카오톡
    • 취미
      • 물생활
      • 정보글
      • 유용한사이트
    • 컴퓨터
      • Windows10
      • Microsoft Edge
      • Chrome

블로그 메뉴

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록
  • 글쓰기

공지사항

인기 글

태그

  • 인젝터 크리닝
  • 카카오톡 구독 해지
  • DPF 클리닝
  • 비용
  • 증가 연산자
  • pd 충전기
  • 적금 이자 계산
  • 흡기배기 크리닝
  • 청년도약계좌 계산기
  • 별찍기
  • 단어 잘림
  • 한글 단어 잘림 허용
  • 단어 잘림 비허용
  • EGR 클리닝
  • 톡서랍 삭제
  • 디젤3종 크리닝
  • 디젤 클리닝
  • 카카오톡 구독
  • 구글 랜즈 끄기
  • EGR 크리닝
  • 인젝터 클리닝
  • 디젤 크리닝
  • 디젤크리닝
  • 상수
  • 충전기 구매 가이드
  • 포인터
  • 추천인
  • 일해라 카카오
  • C언어
  • 파이썬

최근 댓글

최근 글

hELLO · Designed By 정상우.
Niki
[티스토리] 블로그 수식 넣는 방법 LaTex, MathJax
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.