본문 바로가기
공부하는 중~~/분류하기 애매한 것들

[티스토리 관리] 티스토리 코드 하이라이트, 코드 길게 한 줄로 나오게하기

by 임대추 2020. 9. 29.

 

1. 하이라이트 나오게 하기

블로그 관리자 기준

1. 우측 상단, 석 삼(三) 모양 클릭
2. 관리 클릭 
3. 꾸미기 메뉴
4. 스킨 편집
5. 상단의 html 편집 클릭 
6. <head></head> 탭의 맨 아래에 다음의 코드 추가
7. 완료

 

추가해야할 코드)

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js"></script> 
<script>hljs.initHighlightingOnLoad();</script>

 

 

2. 코드 자동 줄바꿈 없애기

블로그 관리자 기준

1. 우측 상단, 석 삼(三) 모양 클릭
2. 관리 클릭 
3. 꾸미기 메뉴
4. 스킨 편집
5. 상단의 html 편집 클릭 
6. CSS 메뉴 클릭
7. 맨 위 html { ... } 쪽에 코드 추가
8. 완료

 

추가해야할 코드)

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

 

 

궁금한 것은 언제나 환영입니다 :)

반응형

댓글