Tistory에 사용할 코드 구문 강조 방법 정리하기

들어가며

공부한 것을 정리하다보면 직접 구현한 것들도 싣고 싶을 때가 있다.

내 편집기에서는 이렇게 이쁘게 구문 강조를 해주는데, 정작 온라인에 올리기에는 밍밍한 흑백이라

독자(나 포함)의 가독성을 위해서 찾다가 매번 이상한 것을 찾아서 쓰는 바람에 편집하면 원하는 포맷이 깨지곤 했다.

그래서 난 이걸 쓰고 왜 쓰는지 본 글에 정리하려고 한다.

예시로 사용할 코드는 python으로 사진 파일 이름 바꾸기 에 사용한 코드이다.

 

전체적으로 코드 구문 강조(Code Highlighting)을 해주는 방법은 HTML으로 추가해주는 것이 가장 좋다.

 

1. Color Scripter

https://colorscripter.com/

다양한 테마와 사용자 테마 등을 만들 수 있는데 MATLAB 코드 강조는 없다.

MATLAB이 언어가 아니라서 그런가..

꽤 알록달록하게 쓸 수 있다.

아래는 Python 문법으로 스타일패키지를 서브라임 블랙으로 한 것이다.

import os
 
path = '.'
print(os.listdir(path))
for filename in os.listdir(path):
  if 'KakaoTalk' in filename:
    print(filename, '=>' ,filename[10:len(filename)])
    os.rename(filename, filename[10:len(filename)])
  else:
    print(path+filename)

 

2. hilite.me 

http://hilite.me/

여기도 언어를 고를 수 있고 MATLAB도 선택할 수 있다.

그리고 CSS 칸을 보면 특정 서식도 지정할 수 있어서 좋다.

1 2 3 4 5 6 7 8 9 10

import os path = '.' print(os.listdir(path)) for filename in os.listdir(path): if 'KakaoTalk' in filename: print(filename, '=>' ,filename[10:len(filename)]) os.rename(filename, filename[10:len(filename)]) else: print(path+filename)

 

3. Syntax Highlighter

https://highlight.hohli.com/index.php

줄 번호 표시도 선택 가능하고 그럭저럭이다.

문제는 기껏 HTML으로 코드를 넣어놓으면 줄번호가 사라지고 아래처럼 글머리기호가 된다는 것이다.

사실은 이거 쓰지 말라고 나에게 쓰는 포스팅이다.

매번 까먹고 쓰다가 화가 난다.ㅜㅠㅠ

 

1. import os
2.  
3. path = '.'
4. print(os.listdir(path))
5. for filename in os.listdir(path):
6. if 'KakaoTalk' in filename:
7. print(filename, '=>' ,filename[10:len(filename)])
8. os.rename(filename, filename[10:len(filename)])
9. else:
10. print(path+filename)

 

요약

Syntax Highlighter 쓰지마라.

 

끝.