지엽

[티스토리]_코드블럭 폰트와 강조

Ellie67 2021. 1. 28. 23:41

--티스토리 코드블럭을 강조하는 방법--

1. 티스토리 -> 블로그관리 -> 옆 플러그인 클릭

 


 

2. Syntax Highlight 누르고 적용시키면 되고, 테마도 변경할 수 있다.

 

 


 

--티스토리 폰트 변경하는 방법--

1. 티스토리 -> 블로그관리 -> 옆 꾸미기에 있는 스킨 편집 클릭


 

2. 우측에 있는 html 편집 클릭


 

3. 폰트를 다운 받아야 한다. 이곳에서

 

Getting highlight.js

Hosted A prebuilt version of highlight.js with 39 commonly used languages is hosted by following CDNs: cdnjs jsdelivr unpkg You can find the list of commonly used languages below in the custom download form. For other available styles look into the highlig

highlightjs.org

원하는 언어를 선택하고 다운로드 한다.


 

4. 이제 자신이 원하는 테마를 선택해야 한다. 이곳에서

 

highlight.js demo

 

highlightjs.org

좌측에 있는 Themes에 있는 목록들을 클릭해보면서 원하는 테마의 이름을 알아둔다.


 

5. 3번에서 다운 받은 highlight 파일의 압축을 풀고 파일 안에 styles 파일에 원하는 테마이름의 css를 확인한다.


 

6. 아까 블로그의 html 편집하는 곳으로 가서 

파일업로드에 저장했던 테마 css파일과 highlight 파일에 있는 highlight.pack 자바스크립트 파일을 업로드.

 


 

7. HTML로 가서 <head>와 </head>사이에

<link rel="stylesheet" href="./images/업로드한css이름.css">

<script src="./images/highlight.pack.js"></script>

<script>hljs.initHighlightingOnLoad();</script>

코드를 적어준다.

'지엽' 카테고리의 다른 글

aws 비용 알람 메일 해결_(굉장히 감동한 aws의 서비스)  (4) 2021.09.03
[Git]_VSCODE_깃허브  (0) 2021.04.30
시작  (0) 2021.01.14