'Etc/Blogging' 카테고리의 글 목록 :: YPrefer's Develop&Security

'Etc/Blogging' 카테고리의 글 목록 :: YPrefer's Develop&Security

Etc/Blogging

TISTORY 초대장 있어요. 2016.11.28
[블로깅] 티스토리에 SyntaxHighlighter 적용하기 2016.06.01

TISTORY 초대장 있어요.

2016. 11. 28. 15:00

필요한분 댓글 달아주세요 : )

내용은

블로그 주제 / 이메일 주소(tistory ID가 될거예요) 달아주세요.

저작자표시 비영리 변경금지

'Etc > Blogging' 카테고리의 다른 글

[블로깅] 티스토리에 SyntaxHighlighter 적용하기 (0)	2016.06.01

[블로깅] 티스토리에 SyntaxHighlighter 적용하기

2016. 6. 1. 09:10

블로그 시작하고, 스킨을 이것저것 바꾸는데 그때마다 적용하기도 귀찮은데

다른 블로그를 참조해야 되는건 더 귀찮아서 정리해봄.

링크 : http://alexgorbatchev.com/SyntaxHighlighter/

0. 위 링크에서 최신버전의 syntaxhighlighter를 다운받아 압축해제

1. scripts와 styles 폴더 안의 파일을 Tistory 관리자메뉴의 꾸미기>HTML/CSS편집>업로드를 통해 업로드

2. HTML 탭에서 아래 내용 적용

<head>태그위에 js와 css 넣기

<script type="text/javascript" src="./images/shCore.js"></script>
<script type="text/javascript" src="./images/shLegacy.js"></script>
<script type="text/javascript" src="./images/shBrushBash.js"></script>
<script type="text/javascript" src="./images/shBrushCpp.js"></script>
<script type="text/javascript" src="./images/shBrushCSharp.js"></script>
<script type="text/javascript" src="./images/shBrushCss.js"></script>
<script type="text/javascript" src="./images/shBrushDelphi.js"></script>
<script type="text/javascript" src="./images/shBrushDiff.js"></script>
<script type="text/javascript" src="./images/shBrushGroovy.js"></script>
<script type="text/javascript" src="./images/shBrushJava.js"></script>
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
<script type="text/javascript" src="./images/shBrushPhp.js"></script>
<script type="text/javascript" src="./images/shBrushPlain.js"></script>
<script type="text/javascript" src="./images/shBrushPython.js"></script>
<script type="text/javascript" src="./images/shBrushRuby.js"></script>
<script type="text/javascript" src="./images/shBrushScala.js"></script>
<script type="text/javascript" src="./images/shBrushSql.js"></script>
<script type="text/javascript" src="./images/shBrushVb.js"></script>
<script type="text/javascript" src="./images/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="./images/shCore.css">
<link type="text/css" rel="stylesheet" href="./images/shThemeDefault.css">
<script type="text/javascript">
SyntaxHighlighter.all();
</script>

<body>태그를 아래와 같이 번경

3. 글쓸 때 적용방법

저작자표시 비영리 변경금지

'Etc > Blogging' 카테고리의 다른 글

TISTORY 초대장 있어요. (0)	2016.11.28

PREV 1 NEXT

+ Recent posts

Powered by Tistory, Designed by wallel

티스토리툴바