-
Tistory Code 올리기 - SyntaxHighlighter공부/ ETC 2018. 7. 26. 22:49
블로그를 시작하기로 결심을 했는데! 시간이 너무 오래 흘러버렸다.
이제라도 조금씩 내가 해왔던 것들에 대한 자취를 남겨야 할 것 같다.
사실 열심히 해놓고도 뒤돌아서면 까먹는게 사람이니까!(나만그런가 ㅎㅅㅎ)잊지 않기위해 정리하자.
막상 기록을 하려하니 코드를 적으면 예쁘게 보이지 않아서 그것부터 해결해야겠다고 생각을 했다.
하지만 갈길이 멀다. 안해봤으니까!
( 이런 정리법이 구식일지도 모른다 )1. 스타일 다운받기!
2. Tistory 에 적용하기!
3. 사용해보기!
1. 다운받기
http://alexgorbatchev.com/SyntaxHighlighter/
여기 가면 Download 탭이 있는데 거기를 통해 아래의 GitHub 에 접속이 가능하다.
처음엔 저기서 뭘받으라는거지? 했는데 Release를 누르면 버전별로 다운받을 수 있다.
블로그를 찾다보면 사람들이 거의 3.0.83 을 받던데 이유가 있었다.상위버전에서는 css 파일이 아닌 sass 이어서 css로 컴파일을 해서 사용해야 하는 불편함이 있기 때문이다.2. 적용해보자!
Tistory 관리페이지에 들어가면 좌측에 메뉴들이 나오는데 그 중 아래 스샷과 같이 스킨 편집을 누르면 새 창으로 연결된다.
(거지같은 스샷)
편집을 누르면
요런게 나온다.파일업로드를 눌러서 받은 것중 scripts / styles 폴더 안에있는 것들을 쫙 추가 (아니면
하고나서!! HTML 탭에서 선언을 해줘야 실제 글을 쓸때 사용이 가능하다.
<head> 와 </head> 사이에 넣어야 하니 편하게 </head>검색을 한 후 바로 위에 붙여넣자.
요렇게 붙여넣고 사용하면 된다.
(나도 이 기회로 처음 써본다 흑흑 이걸 쓰기위해 이 글을 작성한건 아닐거야)3. 실제 코드에서 사용할땐!
편집기 메뉴 우측에 있는 HTML 체크박스를 클릭하여 편집기 모드를 바꾼 후에
<pre class = "brush: 언어">
// 코드
</pre>
저 언어로는 html / java / js / css 등등 사용할 수 있으니 필요한 것들은 좀 더 알아본 후에 많이 많이 사용해보자!
'공부 > ETC' 카테고리의 다른 글
GRASP PATTERN (0) 2020.08.03 GRPC (작성중) (0) 2020.07.07 데이터의 이해 (0) 2020.03.31