highlight.js 로 티스토리에 코드 하이라이트적용
기타 2019. 10. 14. 21:21https://www.jbfactory.net/10351#CDN
티스토리 강좌 | highlight.js로 코드 하이라이트 구현하기
새 에디터에서 코드하이라이트를 구현하는 방법은 여기에 있습니다. highlight.js highlight.js는 스크립트 파일 하나와 CSS 파일 하나, 두 개의 파일만으로 코드 하이라이트를 구현할 수 있습니다. 많은 언어와 다양한 스타일을 제공하고, 자동으로 언어를 감지하는 기능도 갖추고 있습니다. 162 languages and 74 styles automatic language detection multi-language code highlighti
www.jbfactory.net
--------------------------------------------------------------------원글출처-----------------------------------------------------
적용방법
admin --------> 스킨편집 ---------> html편집 ----------->파일업로드
highlight.zip파일의 highlight.pack 과 style폴더 안의 원하는 스타일.css 파일을 넣어서 업로드한다
적용 버튼을 누르고--------> html로 돌아와서
<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.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
를 붙여넣는다. 여기서 default.min.css 는 스타일파일네임.min.css로 바꾼다.
ex) androidstudio.min.css
코드 작성방법
<pre><code>
</code></pre>
사이에 코드를 넣는다.
ex)
<pre><code>namespace Syntax02
{
class Program
{
static void Main(string[] args)
{
new App();
}
}
}</code></pre>
'기타' 카테고리의 다른 글
| 연풍AR 개인정보 처리방침 (0) | 2021.09.03 |
|---|---|
| 좀비막는게임 베타버전 QR코드 (0) | 2020.03.24 |
| 좀비막는게임 개인정보처리약관 (0) | 2020.03.18 |
| BuildTest2020_108games (0) | 2020.01.22 |