꿀팁

티스토리 소스코드 삽입 방법, 테마별 코드 문법 강조

자연대생 2023. 7. 9. 09:50

티스토리 소스코드 삽입 방법은 간단합니다.

우측 상단 점 세 개를 누르고

코드블럭을 선택하면 코드입력창이 나옵니다.

여기서 코드를 입력하고 확인을 누르면 됩니다.

 

그런데 이렇게 하면 에디터에선 분명 하이라이트가 잘 되었는데

글을 작성하고 보면 적용이 안 되어있는 것을 확인하실 수 있습니다...

티스토리에서 코드에 테마를 적용하는 방법은...

"플러그인!"

블로그 설정에서 [플러그인]으로 들어갑니다.

[코드 문법 강조]를 선택합니다.

7가지 테마 중 하나를 선택할 수 있습니다.

그런데 선택 시 미리보기가 없어 불편합니다.

하나하나 캡쳐해서 보기로 했습니다.

Atomi One Dark
Atom One Light
Github
Monokal
Darcula
Visual Studio
Xcode

이외에도 GitHub의 highlight.js같이 이미 공개된 코드 하이라이터를 적용하는 방법도 있습니다.