본문 바로가기
반응형

티스토리스킨만들기
2

[티스토리 스킨 만들기] 카테고리 드롭다운으로 만들기 치환자로 HTML 구조 작성이미 카테고리가 작성 돼있는경우 생략하면 된다.skin.html에서 티스토리 치환자 ##_category_list_##를 이용해 HTML구조를 작성한다.https://tistory.github.io/document-tistory-skin/sidebar/category.htmlJS파일에 스크립트작성(Jquery)스킨파일에 임포트안에 추가하기dropdown코드작성먼저 sub_category_list이름의 2차 카테고리를 가진 1차 카테고리에 has-ch클래스를 추가하고2차카테고리를 가진 1차카테고리의 링크이동을 막고(e.preventDefault)active클래스가 없으면 active클래스를 추가하고 2차 카테고리를 slideDown으로 보여준다.active클래스가 있으면 act.. 2023. 9. 5.
[highlight.js] 티스토리 코드블럭 색, 라인넘버 넣기 코드블럭 하이라이트 넣기기본 플러그인을 사용해도 되지만 cdn으로 넣어봤다.더 다양한 스킨스킨은 hightlightjs.org 에서 styles폴더 아래 있는데스킨편집 > html수정 > 파일 업로드에서 업로드하여안에 링크해서 사용하면 된다.플러그인에서 4가지정도밖에 없었지만 더 다양하게 있는 듯 하다CSS추가하기라인넘버를 추가했더니 기존의 코드블럭이 table로 들어가게 돼서본문에 table css와 충돌이 있어서 초기화 시켜주는 작업이 필요했다.다음 코드를 넣고 사용하는 스킨과 맞게 좀 더 다듬으면 될 듯하다.code.hljs table { width:100%; margin-bottom: 22px; border: none !important; border-collapse: col.. 2023. 8. 25.
반응형

최근댓글

최근글

© Copyright 2024 ttutta

티스토리툴바