본문 바로가기

플러그인2

highlight.js (문법강조) 적용하기 및 설정 코드블럭으로 입력한 소스를 알록달록 예쁘고 보기 쉽게 만들어 주는데는 여러 방법이 있는데... 그중 티스토리와 가장 찰떡궁합인 highlight.js 를 적용하는 방법을 알아보자! (줄번호 추가는 2020/08/16 - [웹 코딩/티스토리] - 코드블럭 - 줄번호 표시하기 참고) 방법1: '코드 문법 강조' 플러그인 사용 이건 뭐 딱히 설명이 필요 없을듯.. 가장 심플한 방법이라 (아마 다들 알아서 쓰고 계실듯..) 편리함이 장점이라면, 단점으로는 사용가능한 테마가 제한적이고 버전 업데이트가 안되고 탭간격 같은 옵션 적용불가 방법2: '코드 문법 강조' 플러그인 사용을 해제하고 직접 highlight.js 를 스킨에 추가하기 [스킨 편집] > [html 편집] > [HTML] 내용 하단 바로 윗줄에 아래.. 2020. 8. 17.
스크롤 활용도 극강 UP! - 스크롤매직 (ScrollMagic) 스크롤에 따라 페이지에 다양한 액션을 주고 싶을때! 이게 생각으로 쉬운데 실제 짜다보면 손도 많이가고 은근 복잡해지는 부분도 있다. 그럴땐 그런거 고민하는 시간에 탄탄하고 가벼운 플러그인이 있다면 냉큼 집어 쓰는게 진리! 데모 사이트 한번 둘러보시면 우와~ 하게 되고, 생각보다 훨씬 많은 활용도가 있음을 알게 됨 데모: http://scrollmagic.io/examples/index.html 다운로드 및 안내: http://scrollmagic.io/ (메인 페이지만으로도 데모 그 자체라는..ㅋ) 2020. 8. 7.