티스토리 블로그를 보다 보면, HTML이나 기타 프로그래밍 랭귀지 등을 보기 좋게 꾸며놓은 것을 쉽게 볼 수 있다.
소스코드하이라이팅 부분인데, 티스토리 기본 세팅에는 코드 하이라이트그 적용되어있지 않다.
티스토리 플러그인에서 설정하기
1. 관리자 페이지 플러그인으로 이동하여 코드 검색
2. 테마 선택하여 적용
3. 코드 블럭 클릭
4. 코드 타입 선택하여 내용 입력후 적용
5. 적용 내용 확인
<html>
<head>
<head>
<!-- 헤드 태그가 두번 들어갔네요 -->
/* 잘못된 주석문 */
코드 하이라이트 된 부분을 확인할 수 있습니다.
이외의 코드 하이라이트
- highlight.js [출처:https://cho-coding.tistory.com/215, https://kwonkyo.tistory.com/143, webdir.tistory.com/439, somjang.tistory.com/entry/highlightjs?category=348813, https://www.jbfactory.net/12748 ]
- color script [출처: jakehollys.tistory.com/12, aigong.tistory.com/20, sometimes-n.tistory.com/5]
- SyntaxHighlighter [출처: tbbrother.tistory.com/43, coding-factory.tistory.com/150, ]
- Prism.js [출처: cocosoft.kr/369]
반응형
'코딩ㆍ개발 정보 > 티스토리블로그' 카테고리의 다른 글
| CCZ-CROSS 스킨은 "새로운 글쓰기" 모드에서는 충돌이 생긴다. 그렇다면? (0) | 2020.08.29 |
|---|---|
| 티스토리에 부트스트랩 적용하기 (0) | 2020.08.29 |
| [CCZ-CROSS] 스킨 적용하기 (0) | 2020.08.23 |
| 티스토리 글 작성 시 reCAPTCHA 인증, 쉽게 하는 방법 (2) | 2020.05.09 |
| 무들 (moodle, 교육용 오픈 소스) 소개 및 설치 방법 (0) | 2020.05.06 |
댓글