highlight.js 방법 찾아서 했는데 정상적으로 적용이 안될 경우
아래 6번 8번 과정을 참고하세요
highlights.js 적용방법
티스토리 코드블럭의 디자인을 바꾸기 위해선 highlight.js 적용이 필요하다
적용 후엔 아래 코드블럭처럼 디자인을 바꿀 수 있다
using System;
namespace jihun
{
class MainApp
{
static void Main(string[] args)
{
//
}
}
}방법
1. 홈페이지로 이동, 197 languages and 248 styles 클릭
highlight.js
Version 10.7.2 This is a patch release. The only change is that deprecation messages are throttled and shown only once.
highlightjs.org
2. 마음에 드는 테마 고르고 이름 기억 (Atom One Dark 등)
3. 다시 https://highlightjs.org/ 로 돌아와서 Get version 11.7.0 클릭 ( 버전은 다를수도 있음 ) , 다운로드 아님!
4. cdnjs나 jsdelivr 형식 둘 중 아무거나 해당 코드 복사 ctrl+c
5. 본인 티스토리 설정 → 스킨 편집 → html 편집 클릭
6. <head> </head> 사이 아무데나 4번에서 복붙한 코드 붙여넣기 , 여기에 추가로
<script>hljs.initHighlightingOnLoad();</script>위의 코드를 복붙한 코드 아래에 추가해서 입력! 이거 안넣으면 적용 안됨
이 때 주의할 점이 있는데
만약 고른 테마디자인 이름이 Atom One Dark 이라면,
atom-one-dark 로 넣어주어야 한다
다른이름들도 똑같이 바꿔서 넣으면 되는데, 확실하지 않으면 아래 메모장 파일에 정확한 이름이 나와있으니
참고하면 된다 (참고로 전 a11y-dark 사용합니다)
8. 다 했는데 적용이 안된다면?
티스토리 설정 → 플러그인을 클릭해서
만약 Syntax Highlight 플러그인을 사용하고 있다면 반드시 해제해야 적용 가능!
해제 버튼 클릭
