티스토리 코드 블럭 스타일 폰트 크기 변경하는 방법 (feat.파이썬)

파이썬을 공부하면서 티스토리에 코드를 남기려고 보니 티스토리에서 제공하는 코드 블럭이 너무 별로라서 수정하는 방법을 찾아봤습니다. 

 

여러가지 방법이 있는데 오늘은 심플하게 적용이 가능한 부분 말씀드릴게요!

 

 

티스토리 코드 블럭

우리가 코딩 관련해서 포스팅을 하면 꼭 중간에 코드를 삽입하게 됩니다. 아래와 같이 말이죠.

 

코드 블럭 적용 예시

 

 

티스토리 코드 블럭이란 블로그 글 중간에 코드를 넣도록 만든 형식입니다. 코드를 넣도록 이쁘게 만든 박스라고 생각하시면 이해하시기 편합니다.

 

 

코드 블럭 넣는 방법

넣는 방법은 간단합니다. 아래 그림에서 핑크색 스티커 위 메뉴에서 점 3개가 있는 부분을 클릭합니다.

 

 

 

그럼 아래 처럼 다양한 메뉴들이 나오는데요 그 중에서 중간 즈음 <코드블럭> 이라고 보이시죠? 여기를 클릭하면 팝업창이 하나 뜨게됩니다.

 

 

 

상단에서 언어형식을 선택합니다. 저는 Python code를 작성할거라 이걸 선택했습니다. 코드를 넣으면 앞쪽에 라인번호가 자동으로 생성됩니다.

 

 

 

 

코드를 모두 넣고 확인을 누르면 아래와 같이 에디터에서 화면이 보이는데 뭔가 심심해 보이죠? 아직은 모두 적용된 것이 아닌데 실제로 발행해보면 티스토리에서 제공하는 스타일은 정말 볼품 없습니다... 그래서 변경을 해봤어요.

 

 

 

 

 

티스토리 코드 블록 스타일 변경 방법

티스토리에서 코드 블록의 스타일을 바꾸는 방법은 몇가지 있는데요 오늘은 가장 심플한 방법 알려드립니다. 먼저 본인의 계정에서 설정 메인화면으로 갑니다. 

 

 

 

 

왼쪽으로 많은 메뉴들이 보이는데 여기서 플러그인을 선택합니다. 그리고 쭉 내려면 코드 문법 강조 (Syntax Highlight) 라는 항목이 보입니다.

 

 

여기를 클릭해 보시면 아래와 같이 몇가지 스타일 중에서 마음에 드는 것으로 적용을 하시면 됩니다. 저는 개인적으로 코드 블럭 바탕을 검게 하는게 좋아서 Atom One Dark로 했습니다. 회색 바탕이 좋으시면 Atom One Light로 하셔도 좋구요. 

 

 

 

 

이렇게 스타일 변경을 하고 코드 블럭을 넣으서 발행을 하면 아래와 같이 표시됩니다. 참 쉽죠? ㅎ 다음 포스팅에서는 더 다양한 스타일 적용 방법을 알려드리겠습니다. 

 

from pandas.io.json import json_normalize
import hashlib
import hmac
import base64
import pandas as pd
from datetime import datetime
import tkinter
from tkinter import *


def getResult(keyword_list):