Git Blog를 만들때 다른 사람이 만든 theme을 이용하는 경우가 많다. 이런 경우 code block의 스타일이 마음에 들지 않을 수 있는데, 이럴 때 code block의 style을 변경하는 방법에대해 말해보려 한다.

우선 자신의 code block이 어떤 방식을 통해 보여지고 있는지 알아야한다. 이 글의 경우, highlight.js를 사용하는 사람들을 위한 글이다. 자신이 hightlight.js를 사용하고있는지 알고싶다면 아래 경로의 파일을 확인해보면 된다.(파일 이름이나 경로는 약간 다를 수 있으니 아래 경로가 없다면 code가 들어간 파일을 찾아보자)

_includes > extensions > code-hightlight.html

위 파일을 봤을 때 상단에 아래와같이 highlight.js를 사용하는 코드가 있다면, 이 글을 통해 코드를 쉽게 바꿀 수 있다.

<link rel="stylesheet"
      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/styles/atom-one-dark.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/highlight.min.js"></script>

link href의 마지막을 보면 atom-one-dar.min.css이 보이는데, 이 부분을 워하는 테마로 바꿔주면 된다. 원하는 테마는 https://highlightjs.org/static/demo/ 에서 골라 이름을 적어주면 된다.

나의 경우 atom-one-dark의 테마를 사용하는데 python에서 style은 다음과 같다.

@requires_authorization(roles=["ADMIN"])
def somefunc(param1='', param2=0):
    r'''A docstring'''
    if param1 > param2: # interesting
        print 'Gre\'ater'
    return (param2 - param1 + 1 + 0b10l) or None

class SomeClass:
    pass

>>> message = '''interpreter
... prompt'''