Google 블로그에서 코드블럭 prettyprint 사용하는 방법
코드블럭으로 글을 작성하면 자동으로 코드 하이라이트 기능이 적용되는 티스토리와 달리 구글 블로그는 코드 블럭 기능을 별도로 제공하고 있지 않아 코드를 작성할 때 불편함이 있다.
오늘은 구글 블로그에서 코드블럭과 동일한 효과를 낼 수 있도록 글을 작성하는 방법을 알아보도록 하겠다.
결론부터 말하면, 이미 소스로 만들어진 prettifier, prettyprint class를 사용할 것이다.
1. Blogger 사이트의 테마로 들어간 뒤 HTML 수정
다음으로 맞춤설정 버튼 클릭 이후 "HTML 편집" 을 클릭해준다.
2. </head> 태그 위 script tag 추가
HTML 편집을 클릭하면 HTML로 구성되어 있는 것을 발견할 수 있다.
여기서 Control F (검색) 를 눌러 </head>를 검색해보자.
HTML을 몰라도 가능하며, 혹시 궁금하신 분들을 위해 설명하자면 HTML에는 head, body 등의 tag들이 있는데 head 태그의 마지막 부분이라는 것이다.
</head>를 검색하면 하나가 검색이 될 텐데, 그 검색된 위치 바로 윗줄에
<script src='https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js'/>
3. 각 블로그 글마다 HTML로 변경하여 prettyprint class 추가해주기
public static void main(String[] args) throws Exception {
}
를 코드 블럭으로 넣고 싶다고 가정해보자.
public static void main (String[] args) throws Exception{}