loading
반응형

코드블럭 2

[티스토리] 코드블럭 highlight.js 적용하기

안녕하세요 티스토리의 코드블럭에 플러그인에서 제공하는 코드 문법 강조를 적용하면 기본 포함 8개의 템플릿만 제공합니다 위처럼 8개만 제공하고 있습니다 8개의 템플릿만 쓰기에는 몬가 조금 아쉽습니다 highlight.js에서 제공하는 여러가지의 템플릿을 사용해서 프로그래밍 소스를 좀 더 다양한 디자인으로 보여줄 수 있습니다 이제 highlight.js를 적용하는 방법에 대해서 알아보겠습니다 1. 먼저 플러그인에서 코드 문법 강조가 적용이 되어있다면 "해제"를 해줍니다 이번에 highlight.js를 제공하면서 계속해서 적용이 안 되서 고생을 했는데 플러그인의 코드문법강조가 적용이 되어있는 것이 원인이었습니다 highlight.js를 적용 전 플러그인을 확인해봅시다 2. 다음으로 highlightjs 페이지..

티스토리 2021.04.22

[티스토리] 코드블럭 사용 및 디자인 변경

안녕하세요 개발자 블로그를 운영한다면 내가 작성한 코드를 소스 하이라이트를 사용해서 올렸을 것입니다 저도 지금까지 Colorcolorscripter를 사용해서 소스코드를 올렸습니다 근데 티스토리 블로그 글쓰기의 기본 기능 중에 "코드블럭"이 그 기능을 제공하고 있었습니다 그걸 이제 알았네 ㅠㅠ;; 코드블럭의 사용방법 및 디자인의 변경 방법에 대해서 알아보겠습니다 1. 글쓰기 들어가면 오른쪽 상단의 ... 아이콘을 볼 수 있습니다 ... 아이콘을 클릭하면 글쓰기에 사용하는 메뉴들이 팝업이 됩니다 메뉴 중에서 "코드블럭"을 선택합니다 2. 코드블럭 삽입 창이 나타나면 상단에서 내가 올리려는 코드의 언어를 선택합니다 언어를 선택하고 안의 코드를 입력하고 확인 버튼을 눌러 글쓰기 에디터에 코드를 입력합니다 3...

티스토리 2021.04.22
반응형