프로그래밍/Tistory

개요 웹 페이지에서 LaTeX 수식을 적을 수 있도록 Javasciprt로 작성된 KaTeX를 티스토리 스킨에 적용시켜 봅니다. KaTeX는 MathJax보다 렌더링이 빨라 웹 페이지 로딩 시 거의 바로 수식을 출력해줍니다. hELLO 스킨 사용 시의 충돌 수정이 있습니다! 스크립트 불러오기 KaTeX – The fastest math typesetting library for the web Simple API, no dependencies – yet super fast on all major browsers. katex.org 위 링크는 KaTeX를 브라우저에서 사용하기 위한 원본 문서입니다. 이 글을 보고 모자라거나 궁금한 점이 있으시면 원본을 참조해주시면 되겠습니다. 원글에 표기된대로 우리가 사용하..
개요 참고사항 hELLO v.4.2.0을 기준으로 작성되었습니다. 코드 블럭 오른쪽 상단에 블럭 내 전체 내용을 복사할 수 있는 버튼을 생성합니다. 티스토리에 코드를 일종의 아카이브 하듯이 저장하는 입장에서 코드 블럭이 버튼 하나로 복사가 되는 기능이 있는지 없는지는 꽤나 중요하게 느껴집니다. hELLO 스킨에는 코드블럭 복사버튼이 기본적으로는 내장되어 있지 않기 때문에 다른 글을 참조하여 작성해봤습니다. hELLO 스킨의 다른 기능과의 충돌인지 곧바로 적용되지 않아 어느 정도 수정을 가미했으며, 디자인을 제 취향대로 조금 수정했습니다. 선행작업: clipboard.js 다운로드 (선택) clipboard 기능을 사용하기 위해 미리 작성된 깃 레포지토리로부터 자바스크립트를 얻어와야 합니다. 해당 스크립트..
참고사항 최종 수정이 끝났습니다! 문제가 있는 경우, 댓글 주세요. HTML과 Javascript, CSS를 이용한 스킨 편집을 합니다. hELLO v.4.2.0 스킨을 기본으로 작성되었습니다. 만약 편하게 관리자 창에 들어가기만 하면 된다면 단축키 Q를 사용하는 것도 좋습니다. 블로그에서는 관리자로 / 관리자에서는 블로그로 이동합니다. (관리자인 경우) 개요 먼저 결과물을 보고 시작하겠습니다. 이미지와 같은 형태로 완성됩니다. hELLO 스킨에 관리자 / 글쓰기 버튼이 없어서 불편함을 느끼다가 한 번 바꿔보자 싶어서 이런 저런 자료를 찾아보고 직접 수정했습니다. 디자인은 티스토리의 기본 버튼의 형태를 빌렸으나, 원하는 디자인이 따로 있다면 알맞게 편집하면 되겠습니다. 링크 만들기 본문의 (##_blog..
Mushclam
'프로그래밍/Tistory' 카테고리의 글 목록