티스토리 코드블록 테마 변경하는 방법
1. 코드 블록 테마 사이트 방문해서 마음에 드는 테마 선택하기
https://highlightjs.org/static/demo/
highlight.js demo
highlightjs.org
2. 티스토리 서식 변경으로 들어가서 <head>부분에 다음 코드 입력하기
<!-- 코드블럭 라이브러리 추가 -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.2/styles/테마이름.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.2/highlight.min.js"></script> <script>hljs.initHighlightingOnLoad();</script>
<!-- 코드 블럭 라인 넘버 표시 -->
<script src="./images/highlightjs-line-numbers.js"></script>
<script> hljs.initLineNumbersOnLoad(); $(document).ready(function() { $('code.hljs').each(function(i, block) { hljs.lineNumbersBlock(block); }); }); </script>
<!-- 코드블럭 글씨 크기 -->
<style> pre > code {font-size: 13.5px;} </style>** 주의 사항 : 모든 문자는 소문자 / 띄어쓰기는 - 으로 대체
** 테마 이름 부분에 내가 선택한 테마를 적으면 된다.
끝.
참고 블로그 : https://july7k.tistory.com/161
[티스토리 꾸미기] 코드 블럭 변경(테마 적용, 글씨체, 글씨 크기)
티스토리에 '코드 블럭' 이라는 기능이 참 좋다고 생각하는데, 기본 테마는 가독성이 떨어진다는 단점이 있다. 그래서 찾아본 방법! 1. 간단하게 바꾸고 싶다 - 플러그인 적용 티스토리 관리자 >
july7k.tistory.com
'Programming > 이것 저것 조각보' 카테고리의 다른 글
| [JavaScript & JQuery ] 공부할 때 빠른 사이트 겟또 요약 글 (0) | 2022.12.04 |
|---|---|
| [ 티스토리 ]티스토리 폰트 변경 (feat. 눈누) (1) | 2022.12.02 |
| SEF2022 - 네이버에서 주관한 소프트웨어 축제에 참가해보았다!(11/22 ~ 11/25) 많참부~ (2) | 2022.11.22 |
| [깃허브] Git Hub의 Pull Request (과제 제출) 및 commit 하는 법! (0) | 2022.11.07 |
| ※ 프로그래밍 공부 사이트 추천 ※ (0) | 2022.10.12 |