티스토리 코드블럭 활용하기 - 2

티스토리 코드블럭을 이것저것 사용해보던 중

highlight.js를 적용하니 자동 줄바꿈이 되는 상황이 발생했습니다.

 

찾아보니 highlight.js의 기본 사양이라고 하더군요...

 

물론 코드 작성 가이드라인인 한 줄에 53자를 지킬 수 있다면 좋겠지만

파라미터가 많아지거나 주석을 옆으로 달고싶을 경우에는 코드가 길어질 수 밖에 없고

줄바꿈이 된다면 가독성이 매우 떨어지게 됩니다...

 

 

 

CSS를 편집해서 간단하게 자동줄바꿈이 되지 않게 고치는 방법이 있었습니다.

 

 

먼저 저번 글에 작성된 방법처럼 스킨편집에 들어갑니다.

그 후 html 편집에서 CSS 탭에 들어가 줍니다.

 

.hljs {
    white-space: pre;
    overflow-x: auto;
}

CSS 코드를 몇 줄 추가해 줍니다.

적용을 눌러주면...

 

 

print("hello world!") # 어째서 컴퓨터를 처음 배우면 제일 먼저 hello world를 프린트 해보라고 시키는 걸까요? 아! 정말 궁금합니다. 블라블라블라블라...

이제 긴 코드도 자동으로 줄바꿈이 되지 않고 스크롤바가 나타나게 됩니다.