
티스토리 플러그인으로 코드블럭 커스텀 비루한 코드블럭을 코드블럭답게 보여주려면 예전엔 Highlight.js 같은 라이브러리를 직접 코드로 커스텀해야했다. 그런데 언제부터인지 (혹은 내가 오랫동안 모른채 살아왔는지...) 티스토리 플러그인으로 바로! 간단하게 적용시킬 수 있었다. 블로그 관리자 페이지로 가서 플러그인으로 가보면 클릭 한번으로 바로 적용시킬 수 있다. 이미지에 보이는 Syntax Highlight를 적용시키면 된다. 마무리 티스토리 짱짱맨! (TOC도 플러그인으로 들어온다면 비개발자 유저들이 참 좋아할 것 같은데용)
FE 개발노트/etc
2021. 9. 26. 19:36
[티스토리 커스텀] 01. TOC 목차 띄우기
TOC 만들기 프스팅 목적 글을 읽을 때 화면에 고정된 목차 링크 TOC를 만들어보자 TOC는 h1,h2 와 같은 헤더를 읽어 목차를 만든다. 따라서 글을 작성할 때 마크다운 모드로 작성하여야 한다. Tocbot을 이용해 티스토리의 스킨에 삽입하는 것 자체에 목적이 있다. 더 좋은 코드, 적절한 커스텀에 대한 포스팅은 후에 작성될 예정이다. TOC가 필요해 벨로그로 가고싶은 가장 큰 이유 중 하나가 글 내부에 고정되어 바로 이동할 수도 있는 목차였다. 티스토리도 언젠가 기능을 추가해주길 기다리면서.. Tocbot이라는 플러그인을 적용시켰다. jquery 없이 순수 바닐라 자바스크립트로 구성된 모듈이다. toc 이란 Table Of Contents 의 약자로, 마크다운으로 작성한 글의 헤더 태그들을 모아 ..
FE 개발노트/etc
2021. 9. 26. 19:14
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- tocbot
- JavaScript
- nexacro
- 프로토타입체인
- 히든클래스
- 넥사크로
- css
- SDI
- getPrototypeOf
- FE
- 티스토리
- 개발일기
- 일반객체구분
- 프레임구조
- til
- 웹접근성
- html
- 자바스크립트
- 패스트캠퍼스
- rangeerror
- 알고리즘
- JS
- MDI
- 프론트엔드
- 네카라쿠배
- 티스토리커스텀
- 네카라쿠배시즌2
- 네카라구배
- hiddenclass
- This_weekILearned
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함