본문 바로가기 메뉴 바로가기

미코딩코

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

미코딩코

검색하기 폼
  • 분류 전체보기 (26)
    • 미코의 개발일기 (6)
      • 매일 매주 매년 (3)
      • 네카라쿠배 시즌2 (3)
    • FE 개발노트 (18)
      • WEB (1)
      • HTML CSS (1)
      • Javascript (5)
      • etc (11)
    • Algorithm (1)
  • 방명록

티스토리 (2)
티스토리 코드블럭 커스텀 (플러그인 사용)

티스토리 플러그인으로 코드블럭 커스텀 비루한 코드블럭을 코드블럭답게 보여주려면 예전엔 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
이전 1 다음
이전 다음
공지사항
  • 블로그 소개와 위키 프로젝트
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • WIKI for Frontend Beginner
TAG
  • 프레임구조
  • 티스토리커스텀
  • rangeerror
  • til
  • 알고리즘
  • getPrototypeOf
  • tocbot
  • hiddenclass
  • 개발일기
  • html
  • nexacro
  • 자바스크립트
  • MDI
  • 히든클래스
  • 티스토리
  • This_weekILearned
  • JavaScript
  • FE
  • css
  • JS
  • 웹접근성
  • 일반객체구분
  • 프론트엔드
  • 패스트캠퍼스
  • 넥사크로
  • 네카라구배
  • SDI
  • 프로토타입체인
  • 네카라쿠배시즌2
  • 네카라쿠배
more
«   2025/06   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.