취미와 밥줄사이

[ Tistory ] 플러그인 - 코드 문법 강조 본문

카테고리 없음

[ Tistory ] 플러그인 - 코드 문법 강조

취미와 밥줄사이 2021. 5. 30. 14:32

 

INTRODUCTION 


티스토리 블로그를 이용하여 공부한 내용을 복습하고 있었습니다. 주로 데이터 분석과 백엔드, 개발환경 세팅에 대한 공부를 진행하였는데요. 티스토리의 심플하지만 핵심적인  기능을 모두 갖추고 있어서 만족하면서 이용하고 있었습니다.

그러나 아쉬운 점이 하나 있었는데요.

 

그것은 코드 블록이 하이라이팅 기능이 보이지 않고 코드블록이 가독성이 좋지 않다는 것입니다. 그래서 구글문서 혹은 다른 개발도구에서 작성한 코드를 스크린샷을 찍어서 이미지를 붙이고 있었습니다. 

 

그러나 티스토리에서는 플러그인을 통해서 코드 문법 강조 기능을 제공한다는 것을 알게 되었습니다. 설치방법은 다음과 같습니다. 

 

 

CONTENT


 

1.  q를 눌러 블로그 관리 홈으로 이동한 후에 좌측에 플러그인을 선택합니다.


2.  코드 문법 강조를 검색합니다






3. 원하는 코드 블럭 테마를 선택하고 적용합니다.


 

CONCLUSION


  • 적용 전

 

  • 적용 후 
테마: GitHub



테마: Atom One Dark

더 다양한 테마가 있으니 기호에 맞게 사용해보세요~ 
읽어주셔서 감사합니다!

 

 

REFERENCE


 

https://www.jbfactory.net/12748

 

티스토리 강좌 / 코드블럭으로 코드 입력하고 highlight.js로 예쁘게 출력하는 방법

티스토리에는 코딩 관련 자료가 많습니다. 그런데, 글을 작성할 때 코드를 삽입하는 것은 쉽지 않았습니다. 특히 HTML 관련 코드를 넣을 때는 특정 문자를 변환해야 하는 불편도 있었습니다. 그러

www.jbfactory.net