반응형
플러그인을 활용한 방법은 많이 나와있는 듯 해서 다른 방법에 대해 알아보겠습니다.
티스토리 코드블럭 테마 변경하는 법
블로그 관리 -> 스킨편집 -> html 편집 -> html에서
아래 사진처럼 <head> </head>사이에 해당 코드들을 추가해주시면 됩니다.
<!-- 코드블럭 라이브러리 추가 -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.2/styles/atom-one-dark.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://highlightjs.org/static/demo/
위 사이트를 방문해서
이런식으로 마음에 드는 테마를 찾아 이름을 바꾸면 됩니다.
Atom-One-Dark 라고 써있는 부분을 원하는 테마명으로 바꾸면 됩니다.
만약 적용이 안된다면?
블로그 관리 -> 플러그인에서
기존에 코드 테마를 적용하기위해서 설정해둔 것이 있는지 확인해보시면 됩니다.
티스토리 코드블럭 회색 테두리 없애는 법
오디세이 스킨 기준이며 스킨에 따라 약간씩 다를 수 있습니다.
블로그 관리 -> 스킨편집 -> html 편집 -> css 로 들어가준 뒤
.article-view pre
를 검색해서 찾고
padding 부분에 해당되는 숫자를 0으로 바꿔주시면 됩니다.
반응형
'ETC > 기타' 카테고리의 다른 글
| [학점은행제] 학습자등록 하는 방법, 기간, 비용, 서류 확인 및 제출 방법 (0) | 2023.01.23 |
|---|---|
| [기타] 기업은행 주택청약 해지하는 법 (0) | 2023.01.02 |
| [입문] 비전공자 개발자 코딩공부 시작 팁 (2) | 2022.12.27 |
| [방통대] 방송통신대학교 컴퓨터과학과 편입 후기(직장인) (0) | 2022.12.16 |
| [방통대] 기말고사 점수 확인하는 법, 공개 일정, 성적 계산법 (0) | 2022.12.11 |