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

캥거루 스킨은 자유로운 커스텀이 가능하도록 제작했다. 가이드에 따라 일관성을 유지하며 스타일 변경할 수 있다. 토큰 디자인에 사용한 값을 변수로 저장해 사용한다. 토큰 값을 변경해 스타일을 일괄 적용할 수 있다. :root{ --white:#ffffff; --grey-50:#fbfbfb; --grey-100:#f7f7f7; --grey-200:#f1f1f1; ... --icon-size:24px; --btn-min-w:24px } 자세한 내용은 github에서 확인할 수 있다. 로고 제작: PHW png, ico 파일: dev-roo/logo 로고는 스킨과 연관된 경우에만 사용을 허용한다. 캥거루 스킨 소개 글 캥거루 스킨이 적용된 개인 블로그 캥거루 스킨을 이용한 2차 저작물 등 색상 netural H..

• 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.

스킨 다운로드 및 세팅 방법

스킨 다운로드파일을 다운로드하고 압축을 푼다. 가장 최신 업데이트가 적용된 파일은 github에서 다운로드할 수 있다.스킨 등록티스토리 블로그에서 관리자 페이지로 이동한다. 관리자 화면을 찾지 못한다면 블로그 주소 뒤에 /manage를 적어 이동할 수 있다. 왼쪽 목록에서 꾸미기 > 스킨 변경을 클릭한다.스킨 등록으로 이동한다.상단 추가를 누르고 다운로드한 파일을 모두 등록한다. images에 있는 파일까지 모두 추가한다.모두 추가했다면 파일 목록에 총 10개가 있어야 한다. 캥거루 스킨을 사용하기 위해 필수로 추가해야 하는 파일은 다음과 같다.index.xmlskin.htmlstyle.csscode-dark.csscode-light.csshighlight.jsline_number.js모두 등록되었다면 ..

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

캥거루 스킨 소개

스킨 특징 성능 및 SEO 캥거루 스킨은 "한눈에 스킨"을 바탕으로 제작되었습니다. 한눈에 스킨은 리소스를 지연시켜 높은 성능을 보여줍니다. 쉽게 말해 사용자 눈에 보이는 부분을 먼저 그려내는 방식으로, 모든 내용을 한 번에 그리는 기존 방식보다 빠르게 작동합니다. 추가로 SEO 최적화가 잘 되어 검색 엔진 노출에 유리합니다. 위 이미지는 실제 작성된 블로그 글을 테스트한 점수로, 성능(Performance)과 SEO 모두 높은 점수를 기록했습니다. 깔끔한 디자인 캥거루 스킨은 인용구, 구분선, 표 등 티스토리 기본 요소를 다듬어 일관성 있는 모습으로 정리해 줍니다. 스킨 미리 보기: https://dev-roo.tistory.com/entry/preview 또한 블로그 스킨답게 심플한 폰트와 뚜렷한 대..

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