캥거루 스킨

개발자를 위한 깔끔한 티스토리 스킨이에요. 수식과 코드를 다루는 블로거라면 별도의 수정 없이 바로 사용할 수 있어요.

MIT License에 따라 상업적 또는 개인적으로 사용 가능해요.

주요 기능

• ✅ 자동 목차 — 본문 제목 아래에 자동 생성
• ✅ 코드 블록 하이라이팅 — Highlight.js 기반 (라이트/다크 모드 선택 가능)
• ✅ 수식 포맷팅 — MathJax3로 LaTeX 문법 렌더링 (on/off 가능)
• ✅ 다양한 인용구 — @warning, @danger 등 semantic blockquote
• ✅ 일관된 디자인 — 표, 구분선, 인용구까지 통일된 스타일
• ✅ 쉬운 커스텀 — CSS 토큰 기반이라 색상 변경이 간단해요
• ✅ 성능 & SEO 최적화 — 리소스 지연 로딩으로 빠른 첫 화면

빠른 시작

1. src 또는 다운로드에서 파일을 받아요.

2. 티스토리 관리자 → 꾸미기 > 스킨 변경 > 스킨 등록으로 이동해요.

3. 압축 푼 파일을 모두 업로드해요. (images 폴더 내부 파일까지 전부 업로드해야 해요!)

   필수 파일 목록

   • index.xml
   • skin.html
   • style.css
   • code-dark.css
   • code-light.css
   • highlight.js

4. 스킨 목록에서 등록한 스킨을 적용해요.

5. 꾸미기 > 모바일에서 "티스토리 모바일웹 자동 연결"을 사용하지 않음으로 바꿔요.

📖 상세 가이드: 스킨 다운로드 및 세팅 방법

더 알아보기

문서	링크
스킨 미리보기	preview
스킨 소개	about
적용 방법	how-to
편집 스타일 사용법	dev-roo-style

업데이트

• v1.2.2 — 마크다운 숫자 리스트가 보이지 않는 문제 수정
• v1.2.1 — blockquote 내 @danger, @warning 사용 시 한 줄만 표시되는 문제 수정
• v1.2.0
  • iOS 환경에서 코드 블록이 과도하게 커지는 문제 해결
  • 구독 버튼 여백과 색상 개선
  • Highlight.js 최신 버전으로 업데이트
  • 기타 버그 및 사용성 개선

라이선스

MIT License를 따라요. 원본인 한눈에 스킨의 조건을 상속하여, 하단의 저작자 표시와 링크를 유지하는 조건으로 자유롭게 사용·수정·재배포할 수 있어요.

기타

• 버그 제보나 기능 제안은 Issues에 남겨주세요. 블로그 댓글도 좋아요.
• 기존의 바다(bada) 스킨은 legacy/tistory-skin로 옮겨졌어요.