노션은 위처럼 수식을 $로 감싸면 수식이 예쁘게 변환이 된다.
근데 티스토리는 이를 기본으로 제공하지 않는다 ㅠㅠㅠㅠㅠㅠㅠ
그래서, 직접 수식에 일일이 html 모드로 html으로 감싸주거나,
아니면 스킨 자체를 편집해서, 노션처럼 감싸면 자동으로 해당 html 문을 삽입해주는 변환을 정의해줘야 한다.
당연히 후자가 더 편하고 scalable하므로, 후자를 택했고
해당 내용은 아래 블로그를 보고 따라했다.
https://ideaspread.tistory.com/8
[티스토리 수식 입력] LaTeX 사용
머신러닝 포스팅을 하다 보니 수식을 입력해야 할 필요가 생겼습니다. 다른 포스팅들에서 여러 자료가 존재하지만 버전의 차이인지 저한테 적용되지 않는 것들이 있었습니다. 따라서 2023년 2월
ideaspread.tistory.com
이제 티스토리 스킨 편집으로 이동해,
위 블로그에 나온 대로, 해당 html문을 <head> 태그 밑에 바로 삽입해주면 된다.
<script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: {inlineMath: [['$','$'], ['\((','\))']]} }); </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML"> </script>대신 ( ) 대신 (( ))로만 바꿔주었다. (그러나 (( ))를 쓸 일이 있을까...?)
해당 스킨 편집을 적용하면, 위처럼 기본 모드든 마크다운 모드든 $ $로 감싸주고 나면, 예쁘게 수식이 들어간다!~~!!
오늘도 완료!!
'Others > 티스토리 스킨 뚜따 프로젝트' 카테고리의 다른 글
| #4 bullet point(글머리 기호, 리스트)지만 인라인 코드를 넣고 싶어! (0) | 2025.03.17 |
|---|---|
| #3 인라인 코드 백틱(`) 적용 [티스토리 스킨 뚜따 프로젝트] (0) | 2024.09.12 |
| #2 본문 너비 넓히기 [티스토리 스킨 뚜따 프로젝트] (0) | 2024.08.27 |
| #1 왼쪽 사이드바 고정 [티스토리 스킨 뚜따 프로젝트] (0) | 2024.08.27 |
| #0 블로그 뚜따 계획 [티스토리 스킨 뚜따 프로젝트] (0) | 2024.08.27 |
