티스토리 반응형 스킨: Minimal-Somad v0.3.0
반응형
티스토리 스킨을 세번째 갈아엎었습니다. 이번에는 저번보다 더 포스트를 중심으로 하는 블로그를 지향하도록 스킨을 제작했습니다.
첫 페이지
3단계 반응형으로 제작하였습니다.
개별 글
개별 글에는 아래의 기능을 추가했습니다. 각각의 기능은 스킨 편집 메뉴의 속성 컨트롤로 제어할 수 있습니다.
- 코드블럭 도구: 코드블럭이 길어지면 해당 코드블럭을 스크롤 박스로 만듭니다. 코드블럭 상단 도구상자에는 원래 길이로 보는 버튼과 복사 버튼을 추가했습니다.
- 목차 생성기: 포스트 내의
h1
,h2
,h3
태그를 읽어 목차를 만들고 내부링크를 추가합니다. - KaTeX: LaTeX 문법의 수식 표현을 지원합니다. (
$$ $$
: 디스플레이,\\( \\)
: 인라인) - hljs: highlight.js를 이용한 소스코드 구문강조를 지원합니다.
다운로드 및 설치
블로그 관리 페이지의 좌측메뉴에서 스킨 변경 페이지를 클릭한 후 스킨 등록+
기능을 사용해 다운로드 받은 압축 파일의 내용물을 모두 업로드합니다. 이후 스킨 변경메뉴의 스킨 보관함에서 업로드한 스킨을 사용할 수 있습니다.
To Do
스킨에 다음 요소를 추가할 예정입니다.
- 태그 클라우드 스킨 추가
- 방명록 스킨 추가
- 본문 내용 스타일 교정
- 내부링크를 포함한 URl로 접속한 것을 감지하면 해당 단락으로 이동하는 기능
- 스킨 프리뷰 그림 추가
반응형
'프로그래밍 > 웹 프로그래밍' 카테고리의 다른 글
[Plotly.js] 웹 문서에 그래프 넣기 (0) | 2019.05.08 |
---|---|
브라우저 기본 스타일 초기화: reset.css와 normalize.css (0) | 2019.05.07 |
[SASS/SCSS] 티스토리 본문 스타일 (0) | 2019.05.02 |
[VSCODE] 티스토리 스킨 개발 세팅: 컴파일러 제작 (0) | 2019.05.01 |
가장 빠른 TeX 수식 변환기, KaTeX 사용하기 (0) | 2019.04.29 |
댓글