티스토리 뷰
highlight.js
Version 9.15.7 New languages: none. New styles: none. Improvements: - fix(powershell): Add cmdlets (#2022) - fix(Bash): escaped double quotes (#2041) - fix(c++): add aliases 'hh', 'hxx', 'cxx' (#2017) - fix(ini/toml): Support comments on the same line. (#2
highlightjs.org
스크립트 파일 하나와 CSS 파일 하나, 두 개의 파일만으로 코드 하이라이트 구현이 가능!
아래와 같이 코드를 작성하게 되면 티스토리에 스킨 적용하는 것 처럼 보여진다
interface A {
void func01();
}
interface B {
A func02(); // return interface
}
public class LambdaEx02 {
public static void main(String[] args) {
//람다식
B b2 = () -> () -> { System.out.println(2); };
A a2 = b2.func02();
a2.func01();
}
}
CND 이용
1. skin.html의 <head>와 </head> 사이에 다음 코드를 넣는다
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.5.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>2. 위의 코드 첫 줄 끝에 default.min.css에 본인이 원하는 스킨의 이름을 넣는다
ex) 필자의 스킨은 Atom One Dark인데, 이름을 넣을 때에는 atom-one-dark.min.css 이렇게 넣었다
스킨종류는 여기서 보자!
다운로드
1. 다운로드는 여기서
2. highlight.pack.js 파일과 원하는 스타일의 css 파일을 티스토리에 업로드
3. skin.html의 <head>와 </head> 사이에 다음 코드를 넣는다
<link rel="stylesheet" href="./images/androidstudio.css">
<script src="./images/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
글꼴 변경
1. 스킨 편집에서 css 파일에 아무대나 다음 코드를 넣는다
pre > code {
font-family: "Sans Mono", "Consolas", "Courier", monospace;
}
티스토리에서 사용하기
1. 글을 쓸 때 코드를 넣고 싶으면 상단 왼쪽에 있는 부분에서 ... 아이콘 클릭 후, < > 코드블럭 클릭
2. 원하는 코드 입력 후, 언어 바꾼뒤에 확인을 클릭하면 완ㅡ료
