-
2022.12.01
[티스토리 블로그] 특정 문자로 인라인 코드 블럭 설정하기 (인라인 코드 블럭으로 만들기)
7
특정 문자로 인라인 코드 블럭 설정하기 (인라인 코드 블럭으로 만들기) 들어가며 마크 다운을 사용할 때, 다음과 같이 작성할 경우, 인라인 코드 블럭이 적용된 요소를 작성할 수 있다. (문자) `(문자)` 이 방법처럼 티스토리 에디터를 사용할 때, 문자를 특정 문자로 둘러 쌓을 경우 인라인 코드 블럭이 적용되도록 하려면 어떻게 해야할까? 물론, 위와 같은 방법으로 [마크다운] 모드로 바꾼 후 인라인 코드 블럭을 적용한 후, 다시 [기본모드]로 작업해도 되겠지만, [마크다운] 모드에 들어갔다가 [기본모드]로 돌아오면 기존에 입혔던 스타일이 깨진다는 문제점이 존재했다. 어떤 블로그에서는 자주 사용하지 않는 취소선의 CSS를 인라인 코드 블럭처럼 바꿔서 사용하라는 글이 있었는데, 취소선을 사용할 수 없게 된다..
-
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.09.05
[티스토리 블로그] 표 내부 이미지 정렬시키는 방법
표 내부 이미지 정렬시키는 방법 들어가며 티스토리 에디터를 사용할 때, 표(Table) 내부에 이미지를 삽입하면 무조건 가운데 정렬로 표현되는 것을 발견하였다. CSS를 이용하여 이미지 정렬을 하려고 해도 먹히지 않았다. 다음과 같이 간단하게 태그를 수정해주는 방법으로 문제를 해결하였다. 방법 티스토리 블로그에 이미지를 첨부할 경우, 다음과 같이 [##_Image ~ ##] 형식으로 표현된다. 이때 맨 마지막의 옵션에 "style":"alignLeft" (왼쪽 정렬) 또는 "style":"alignRight" (오른쪽 정렬)을 추가해주면 된다. [＃＃_Image|kage@dnTSuf/btrLqdmVnlt/rcxIkAdf0qV23dywfkZ0d1/img.png|CDM|1.3| {"originWidth":1..
-
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..
