MyLife/Tistory 썸네일형 리스트형 [Tidory] 티도리 가이드 정리 티도리 프레임워크 티스토리 스킨을 제작해주는 프레임워크 티스토리 스킨 가이드 - https://tistory.github.io/document-tistory-skin/ 1. 프로젝트 생성 npx create-tidory-app my-app 2. 폴더 구성 파악하기. ├── assets/ │ └── app.js ├── docs/ │ ├── index.xml │ ├── preview256.jpg │ ├── preview560.jpg │ └── preview1600.jpg ├── images/ ├── views/ ├── .env ├── app.pug ├── index.pug └── tidory.config.js assets/* - app.js 포함될 파일 - 확장 템플릿 파일(styl, less) - pug .. 더보기 [티스토리] 코드블럭 하이라이트 적용하기 (HighlightJs 사용) 안녕하세요! 한이입니다. 이번에는 티스토리의 새로운 에디터에 코드블럭을 이용하여 하이라이트를 적용하는 방법을 알아보겠습니다. 이번글의 순서는 이렇게 구성해 보았습니다. 티스토리 코드블럭 사용방법 확인하기 Highlight.js를 티스토리에 적용하기 샘플로 페이지 제작해 보기 1. 티스토리 코드블럭 사용방법 티스토리의 코드블럭은 새로운 에디터를 적용하면서 보다 쉽게 적용할수 있습니다. 우선 관리화면에서 '콘텐츠 > 글 관리 > 글쓰기'로 이동하면 에디터로 들어가실수가 있습니다. 사실 이글을 쓰고있는 시점의 저는 티스토리 자체를 많이 사용하지는 않았습니다. (블로그 자체를 잘 안했어요...;;;) 아무튼 새롭게 적용된 에디터의 기능 중에 코드블럭을 사용해보도록 하겠습니다. 1. 메뉴중에 우측에 '・・・' 클.. 더보기 highlightjs 화면 출력 테스트 html javascript function(){ var a = 0; console.log(a); } css .test{ display: "none"; width: 100; } java public class Test{ private String num; public String getNum(){ return this.num; } public void setNum(String num){ this.num = num; } } 더보기 이전 1 다음
