스킨 다운로드 및 세팅 방법

📦 스킨 다운로드파일을 다운로드하고 압축을 푼다. 가장 최신 업데이트가 적용된 파일은 github에서 다운로드할 수 있다.⭐ 스킨 등록티스토리 블로그에서 관리자 페이지로 이동한다. 관리자 화면을 찾지 못한다면 블로그 주소 뒤에 /manage를 적어 이동할 수 있다. 왼쪽 목록에서 꾸미기 > 스킨 변경을 클릭한다.스킨 등록으로 이동한다.상단 추가를 누르고 다운로드한 파일을 모두 등록한다. images에 있는 파일까지 모두 추가한다.모두 추가했다면 파일 목록에 총 11개가 있어야 한다. 캥거루 스킨을 사용하기 위해 필수로 추가해야 하는 파일은 다음과 같다.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차 저작물 등색상netur..

• format_list_bulleted 스킨 정보
• · 2024. 3. 29.

캥거루 스타일 활용법

스킨 미리 보기: https://dev-roo.tistory.com/entry/preview 캥거루 스킨은 다른 스킨과 차별된 디자인을 제공한다. 사용된 예시는 위 링크에서 확인할 수 있다. 캥거루 스타일을 사용하기 위해서는 설정을 활성화해야 한다. 인라인 블록 캥거루 스킨에서 밑줄은 인라인 블록으로 대체된다. 인라인 블록은 마크다운에서 사용하는 스타일로 용어를 강조하는 데 사용할 수 있다. 수식 $로 감싸진 문장을 수식으로 변환한다. 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.

캥거루 스킨 소개

⭐️ 스킨 특징캥거루 스킨은 개발자를 위한 깔끔한 티스토리 스킨입니다.자동 목차코드 블록 하이라이팅수식 포맷팅다양한 인용구표 스타일 통일쉬운 커스텀 (CSS 토큰 활용)📊 성능 및 SEO캥거루 스킨은 "한눈에 스킨"을 바탕으로 제작되었습니다. 한눈에 스킨은 리소스를 지연시켜 높은 성능을 보여줍니다. 쉽게 말해 사용자 눈에 보이는 부분을 먼저 그려내는 방식으로, 모든 내용을 한 번에 그리는 기존 방식보다 빠르게 작동합니다. 추가로 SEO 최적화가 잘 되어 검색 엔진 노출에 유리합니다. 위 이미지는 실제 작성된 블로그 글을 테스트한 점수로, 성능(Performance)과 SEO 모두 높은 점수를 기록했습니다.🎨 깔끔한 디자인캥거루 스킨은 인용구, 구분선, 표 등 티스토리 기본 요소를 다듬어 일관성 있는 ..

• format_list_bulleted 스킨 정보
• · 2024. 3. 24.