wldhg/prontera

넘치지 않으면서 적당하게 알맞은 티스토리 스킨 (Archived)

미리 보기

기능 안내

티스토리 기능 지원	외형	개인화	특별한 기능
TISTORY 신 에디터 지원	반응형 디자인	강조 색상 지정	밝기 모드 쿠키 도메인 공유
사이드바 2단 메뉴 지원¹	빈틈 없는 시각 효과	헤더 로고 지정	블로그 전역 공지
	밝기 모드 전환	아이콘만 있는 헤더 로고	사이드바 트위터 타임라인
		페이지에서 사이드바 숨기기	자동 글 목차(toc) 생성

¹ 2단 = TISTORY 카테고리 최대 깊이

지원하지 않는 기능

TISTORY 구 에디터, 트랙백, 위치 로그, 미디어 로그 Deprecated by TISTORY
TISTORY 공지 기능
댓글 및 방명록에 홈페이지 주소 입력하기
Internet Explorer에서의 정상적 렌더링 '제대로 표시되지 않는다'는 안내 제공

스킨 빌드 방법

준비물

node 오류 발생 시 Node.js 10을 사용해보세요
yarn npm install yarn -g

빌드 명령

$ git clone https://github.com/wldhg/prontera.git --recurse-submodules; cd prontera
$ yarn; yarn build
$ cd out; ls

기타

용어 설명

밝기 모드: 밝음/어두움 테마 모드.
전역 공지: Prontera 스킨의 기능으로, 모든 페이지에서 표시되는 글.
공지글: 티스토리의 공지 기능을 통해 작성된 글.

설정 가이드 라인

깔끔한 화면 표시를 위해 아래의 가이드 라인을 권장합니다.

메인 메뉴의 수: 최대 4개
블로그 이름: 영문 9글자 이내 혹은 한글 5글자 이내
사이드바 순서: 제일 위에 '내 정보', 그 다음으로 '검색', 이후는 자유롭게 설정

라이센스 및 저작권

이 프로젝트는 Mozilla Public License 2.0을 따릅니다.

스킨 디자인에 처음 영감을 준 프로젝트는 MIT License를 기반으로 하는 AngryPowman의 Prontera입니다.

스피너(불러오기 애니메이션)의 디자인은 MIT License를 기반으로 하는 Matej Kustec의 SpinThatShit 프로젝트를 이용하였습니다.

코드 하이라이트 기능은 BSD 3-Clause License를 기반으로 하는 highlight.js를 이용하여 구현하였습니다.

수식 변환 기능은 Apache 2.0 License를 기반으로 하는 MathJax를 이용하여 구현하였습니다.

개발 보조 도구와 그 라이센스는 yarn.lock 파일을 참조하세요.

이미지 라이센스 및 저작권

src/views/icons/menu.pug: Online Web Fonts, licensed by CC BY 3.0.

이 밖에 Prontera 스킨이 포함하는 모든 이미지는 비상업적 이용이 허가된 svg 아이콘으로, 라이센스와 관련한 자세한 내용은 SVG Repo에서 설명합니다.

글꼴 라이센스

Prontera는 Google에서 호스팅하는 웹 글꼴을 이용합니다.

Noto Sans KR (Sans-serif): Open Font License
Roboto Mono (Monospace): Apache License 2.0

색상 라이센스

Prontera의 색상 일부는 아래의 디자인을 사용 또는 참고하였습니다.

Microsoft UI Fabric (기본 흑/백 색상): MIT License
VSC Material Theme (코드 하이라이트): Apache License 2.0

wldhg / prontera