자바스크립트(JavaScript)를 활성화해주세요!

RootKR

티스토리 (6)

티스토리 웹페이지 다크모드 적용 방법

IT/팁과 강좌 RootKR 2019. 9. 25.

안녕하세요. RootKR입니다. 마이크로소프트 윈도우 10와 애플 macOS 운영체제에서 다크 모드 기능을 지원하는데, 웹페이지에서 감지해서 다크모드로 바꿀 수 있습니다. 평상시 제 블로그 화면입니다. 이제 MS 윈도우 10 운영체제 설정에서 다크모드를 활성화해보도록 하겠습니다. 윈도우 10 다크모드를 활성화하면 위 사진처럼 어두운 계열 화면이 나옵니다. 운영체제 다크모드 감지 및 배경&텍스트 컬러 변경 설정을 해보도록 하겠습니다. 다크 모드를 감지하면 어두운 계열 배경과 밝은 계열 텍스트로 바뀌도록 설정을 해줘야 합니다. CSS를 잘 모르시는 분들을 위해서 간단하게 예를 들어서 설명해드리겠습니다. "운전 면허증 발급 방법과 사용가능 국가" 제목 컬러를 바꿔보도록 하겠습니다. "운전 면허증 발급 방법과 ..

티스토리 코드블럭 Highlight 줄 번호 적용하는 방법

IT/팁과 강좌 RootKR 2019. 8. 6.

안녕하세요. RootKR입니다. Highlight 코드 강조 라이브러리를 적용하면 위 사진처럼 나오는데, 줄 번호(line number)은 나오지 않아서 아쉽더군요. 찾아보니 개발자 Yauheni Pakala가 만든 highlightjs-line-numbers 자바스크립트를 사용하면 된다고 합니다. 티스토리 블로그 관리에서 꾸미기 메뉴의 "스킨 편집" 텍스트를 클릭해서 HTML 편집으로 들어가 주세요. 태그 위에 아래 소스를 복사 붙여넣기 해 주세요. Cloudflare CDN 사용을 원치 않는 분들은 2번째 소스를 삽입해주시고 highlightjs-line-number.js를 다운받아서 파일 업로드해주세요. Highlight Line Number JavaScript 다운로드 : https://githu..

티스토리 코드블럭 Highlight 스타일 적용하는 방법

IT/팁과 강좌 RootKR 2019. 7. 8.

안녕하세요. RootKR입니다. 티스토리 글쓰기 에디터 개편되면서 새로 추가된 기능중 하나가 코드블럭 기능입니다. 글쓰기 에디터내에서는 스타일(테마) 적용되서 깔끔하고 이쁘게 나오지만, 게시물에서는 스타일(테마) 적용되지 않아서 아쉽더군요. Highlight 자바스크립트 파일을 이용해서 하이라이트 스타일 적용하는법을 알려드리겠습니다. 자신의 블로그 관리 페이지에서 꾸미기의 "스킨편집 " 버튼을 클릭해주세요. "HTML 편집" 버튼을 클릭해주시고 위에 아래 소스를 복사해서 붙여 넣어주세요. highlight 기본 스타일(default.min.css)가 싫으시다면 첫번째 주소를 들어가서 마음에 드는 스타일을 찾아주세요. 2번째 링크를 들어가서 마음에 드는 스타일 파일 이름을 찾으신후, default를 지우고..

Copyright 2021 RootKR. All Rights Reserved.
Designed by JB FACTORY

티스토리툴바