-
2022.09.28
[티스토리 블로그] 코드 블럭에 라인 넘버(줄 번호) 넣는 방법
코드 블럭에 라인 넘버(줄 번호) 넣는 방법 들어가며 몇 가지 코드를 추가해줌으로써, 티스토리 블로그의 코드 블럭에 라인 넘버(줄 번호)를 넣을 수 있다. 방법 ① HTML 수정해주기 : highlight.js 불러오기 태그 앞에 아래의 코드를 넣어준다. ② CSS 수정해주기 : 라인 넘버 스타일 적용시켜주기 라인 넘버의 스타일을 적용해주는 코드이다. 다음과 같이 CSS 코드를 넣어준다. .hljs-ln-numbers { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: ..
-
2022.05.30
[티스토리 블로그] 첫 화면 특정 페이지로 설정하기
첫 화면 특정 페이지로 설정하기 들어가며 자바스크립트(JavaScript)를 사용하여 티스토리 블로그의 홈 화면에 접속했을 때, 특정 페이지가 나타나도록 설정 할 수 있다. 방법 티스토리 [스킨 편집] 페이지의 [HTML] 탭에서, 태그 사이에 다음의 코드를 넣어준다.
-
2022.05.29
[티스토리 블로그] 관리자인지 확인하기
관리자인지 확인하기 들어가며 자바스크립트(JavaScript)를 이용하여 블로그에 접속한 사용자가 관리자인지, 아닌지 쉽게 확인하고 관련 작업을 수행시킬 수 있다. 방법 방법 1 : 접속한 사용자가 관리자일 경우 $(documnet).ready(function() { if ($(".tt.add_link[data-alert]").length > 0) { // 작업 수행 } }); 방법 2 : 접속한 사용자가 관리자가 아닐 경우 $(documnet).ready(function() { if ($(".tt.add_link[data-alert]").length == 0) { // 작업 수행 } }); 사용 예 접속한 사용자가 관리자가 아닐 경우, 해당 요소를 없앤다. Top Secret $(documnet).re..
-
2022.05.10
[티스토리 블로그] 티스토리 스킨 가이드
티스토리 스킨 가이드 설명 티스토리 스킨을 수정 또는 제작할 때 참고할만한 사이트이다. 티스토리 블로그에서 사용되는 치환자에 대한 설명이 자세히 소개되어 있다. 바로가기 https://tistory.github.io/document-tistory-skin/ 소개 · GitBook 티스토리 스킨 가이드 티스토리에서는 스킨을 통해서 사이트를 자유롭게 디자인할 수 있습니다. 스킨은 치환자를 사용하여 제작되고 사용된 치환자에는 티스토리의 데이터가 대입되어 티스토 tistory.github.io
