[highlightjs] 티스토리(Tistory) 코드 예쁘게 넣기(코드블럭 플러그인)

 

티스토리에서 코드를 삽입하실 때 좀 더 가독성 좋게 삽입하실 수 있는 방법입니다.

 

바로 Tistory highlightjs 플러그인을 설치하시는 방법입니다.

 

플러그인을 통해 좀 더 깔끔하게 코드를 포스팅 하실 수 있습니다.

 

     # 1. 기존 Tistory 코드블럭

     # 2. 플러그인 코드블럭

#!/usr/bin/env python
"""Django's command-line utility for administrative tasks."""
import os
import sys


def main():
    """Run administrative tasks."""
    os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'mysite.settings')
    try:
        from django.core.management import execute_from_command_line
    except ImportError as exc:
        raise ImportError(
            "Couldn't import Django. Are you sure it's installed and "
            "available on your PYTHONPATH environment variable? Did you "
            "forget to activate a virtual environment?"
        ) from exc
    execute_from_command_line(sys.argv)


if __name__ == '__main__':
    main()

 

     # 3. 플러그인 사용 방법

3-1) 블로그 설정 화면에서 '플러그인' 탭으로 이동

 

3-2) 플러그인에서 'highlight' 검색 후 '코드 문법 강조' 클릭

 

3-3) 원하는 테마 적용

 

저는 제 기존 환경과 가장 비슷한 'Atom One Dark'를 골랐습니다.

 

유형별 디자인은 아래 포스팅을 참고하시기 바랍니다.

 

[티스토리 적응기] 코드블럭 사용하기, 디자인 변경하기

 

3-4) 기존 포스팅들에 코드블록을 쉽게 적용하려면?

아래 포스팅을 참고하셔서 적용하시기 바랍니다.

Tistory 티스토리 코드블록으로 작성 부분 highlight.js 적용하기

 

---

많은 프로그래밍 블로거 분들께 도움되시기 바랍니다 :)

 

감사합니다!