본문으로 바로가기

티스토리에서 코드소스를 올릴때 하이라이트를 주기위해 여러가지 방법을 사용한다.


그중에 SyntaxHighlighting 이나 highlight 를 사용할 때 가끔 다른 블로그에서 본것과는 다르게 못생기게 나올때가있다. 


예를들면 

이렇게 말이다..


네모난 회색바탕에 하이라이트가 겹쳐서 적용된듯한.. 매우 못생겼다. 

편집기에서 보이는 pre 의 모양 그위에 하이라이트가 덮씌워지다니.. 난 하이라이트만 보여지고싶은데...


그래서 삽질을 하던도중 방법을 찾아냈다.


스킨에 따라 pre의 css가 다르게 적용되어있던 탓인것같다. 내가쓰는 #1 기본스킨인경우 


HTML편집 - CSS를 가보자 179번 라인에 pre가 있다



여기에 기본 pre의 배경색 padding 등 여러 설정이 적용되어있다. 이곳을 사용자 입맛에 맞게 바꾸어주면 된다.




수정후...

뭔가 훨씬 나아진것 같은데.. 나만 그렇게 생각하나? 암튼 이부분을 잘 건드리면 더 예쁘게도 만들수 있을것 같다.