개발하는 캥거루
close
프로필 사진

개발하는 캥거루

github: @denev6

  • 분류 전체보기
    • 가이드
    • 개발 가이드
    • 미리보기
      • 기타
  • 소개
  • Github
  • 개발자

제작 비하인드

비하인드 보러가기: denev6.github.io/posts/dev-roo 티스토리 캥거루 스킨 개발기Github: denev6/tistory-skin Tistory: dev-roo.tistory.comdenev6.github.io캥거루 스킨은 왜 만들게 되었나요?캥거루 스킨에 숨은 디테일은 무엇이 있나요?캥거루 스킨이 추구하는 멋은 무엇인가요?

  • format_list_bulleted 개발 가이드
  • · 2026. 1. 13.
스킨 다운로드 및 세팅 방법

스킨 다운로드 및 세팅 방법

스킨 다운로드파일을 받아 압축을 풉니다. 최신 업데이트가 적용된 파일은 github에서 받을 수 있습니다.스킨 등록티스토리 블로그에서 관리자 페이지로 이동합니다. 관리자 화면을 찾지 못한다면, 블로그 주소 뒤에 /manage를 적어 이동할 수 있어요.왼쪽 목록에서 꾸미기 > 스킨 변경을 클릭합니다.스킨 등록으로 이동합니다.추가를 누르고 모든 파일을 등록합니다. images에 있는 파일까지 모두 추가해야 해요.캥거루 스킨을 사용하기 위해 필수로 추가해야 하는 파일은 다음과 같습니다.index.xmlskin.htmlstyle.csscode-dark.csscode-light.csshighlight.js파일목록에 추가되었다면 저장을 눌러 파일을 등록합니다. 스킨명은 마음대로 설정해도 됩니다. 완료되면 꾸미기 >..

  • format_list_bulleted 가이드
  • · 2025. 12. 2.

[캥거루 스킨] 광고에 나타나는 문구 가리기

캥거루 스킨에 광고 삽입 시 '반응형'과 같은 문구가 나타난다는 문제를 인지하고 있습니다. 다만, 정확한 해결책을 발견하지 못한 상태입니다.🛠️해결 방법블로그 운영을 위해 임시로 문구를 가리는 방법입니다. 아래 방법을 적용하면 사용자 화면에는 문구가 나타나지 않습니다. 1️⃣ 블로그 설정 > 스킨 편집 > html 편집 > (확인) > CSS로 들어가 코드의 마지막에 아래 내용을 추가합니다./* 광고 문구 가리기 */.revenue_unit_wrap .revenue_unit_info { display: none;} 2️⃣ 적용한 모습은 다음과 같습니다. 3️⃣ 완료되었다면 우측 상단 적용 버튼을 눌러줍니다. 이후 블로그 본문에서 문구가 사라진 것을 확인할 수 있습니다.해당 문제의 원인을 아시는 분..

  • format_list_bulleted 가이드
  • · 2025. 7. 8.
새로운 스킨: 바다

새로운 스킨: 바다

바다는 비에 젖지 않아.티스토리 스킨 바다(Bada)를 소개합니다.📘 바다는 오로지 글에만 집중할 수 있도록 만들어진 스킨입니다. 본문은 바탕체를 사용해 글의 심미적 가치를 높이고, 본문 외 영역은 돋움체로 보이도록 하여 접근성을 개선했습니다. 특히 한글의 가독성을 살리기 위해 영어보다는 한글에 맞게 자간과 행간을 세심하게 조정했습니다. 독자들이 더 편안하게, 더 깊이 글에 몰입할 수 있도록 노력했습니다.💭 저는 공간을 단순히 여러 요소로 채우는 일보다, 불필요한 것들을 덜어내는 일이 더 중요하다고 생각합니다. 이 스킨을 제작하며 '무엇을 덧붙일까'보다는 '무엇을 비워낼까'에 대해 고민했습니다. 제가 정성을 다해 비워둔 이 여백이 작가님의 소중한 글로 채워지길 바랍니다. 작가님의 생각과 감정이 온전히..

  • format_list_bulleted 카테고리 없음
  • · 2025. 3. 16.
캥거루 스킨 디자인 및 커스텀 가이드

캥거루 스킨 디자인 및 커스텀 가이드

아래 가이드는 캥거루 스킨의 코드를 직접 수정할 때 필요한 정보를 제공한다. 가이드에 따라 일관성 있는 스타일을 적용할 수 있다.토큰디자인에 사용한 값을 변수로 저장해 사용한다. 토큰 값을 변경해 스타일을 일괄 적용할 수 있다.:root{ --white:#ffffff; --grey-50:#fbfbfb; --grey-100:#f7f7f7; --grey-200:#f1f1f1; ... --icon-size:24px; --btn-min-w:24px}자세한 내용은 github에서 확인할 수 있다.로고제작: PHWpng, ico 파일: dev-roo/logo로고는 스킨과 연관된 경우에만 사용을 허용한다.캥거루 스킨 소개 글캥거루 스킨이 적용된 개인 블로그캥거루 스킨을 이용한 2차 저..

  • format_list_bulleted 개발 가이드
  • · 2024. 3. 29.
캥거루 스타일 활용법

캥거루 스타일 활용법

본 가이드는 캥거루 스타일 사용법에 대해 소개합니다. 캥거루 스타일을 사용하기 위해서는 설정을 활성화해야 합니다. 사용된 예시는 스킨 미리보기에서 확인할 수 있습니다.인라인 블록캥거루 스킨에서 밑줄은 인라인 블록으로 대체됩니다. 인라인 블록은 마크다운에서 사용하는 스타일로, 용어를 강조하는 데 사용할 수 있어요.수식$로 감싸진 문장을 수식으로 변환합니다. LaTeX 문법을 사용하며, 온라인 툴을 이용해 수식을 작성할 수 있습니다.$y=\cfrac{1}{N}\sum_i^kf(x_i)$$y=\cfrac{1}{N}\sum_i^kf(x_i)$LaTeX 구문을 수식으로 변환하기 위해 스킨 설정에서 "수식 표기"를 활성화해야 합니다.인용 블록기본 블록 인용구는 설정한 브랜드 컬러로 채워집니다.블록 인용구 예시그런데..

  • format_list_bulleted 가이드
  • · 2024. 3. 25.
  • navigate_before
  • 1
  • 2
  • navigate_next
공지사항
  • 캥거루 스킨 1.2 배포
  • 바다 스킨 1.0 배포
전체 카테고리
  • 분류 전체보기
    • 가이드
    • 개발 가이드
    • 미리보기
      • 기타
인기 글
전체 방문자
오늘
어제
Copyright © denev06 모든 권리 보유.
SKIN: Copyright © 쭈미로운 생활 All rights reserved. Designed by JJuum.
and Current skin "dev-roo" is modified by Jin.

티스토리툴바