프론트앤드 이야기/기타

[TISTORY] 티스토리 소스코드 넣기

한희성 2018. 12. 6.
반응형

사실 얼마전까지 소스코드를 그냥 넣어서 굉장히 불편하게 포스팅을 작성하고있었다.


검색을 해보니 css 와 js 파일을 업로드 하는 것만 설명이 되어있어서


아주 간단한 방법을 알려주고자 작성한다.



1. 꾸미기-> 스킨편집 -> html 편집


2. 자신의 스킨 meta 테그 아래에 붙이기(URL로 처리)


<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js"           type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js"     type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js"   type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js"      type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js"   type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js"     type="text/javascript"></script>

<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css"         rel="stylesheet" type="text/css">
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css">


<script type="text/javascript">
SyntaxHighlighter.all();
</script>


3. 글쓰기 -> 외부컨텐츠 또는 HTML 코드 삽입

<pre class="brush:(언어)">     코드 삽입 </pre>


4. 레퍼런스

다운로드 : 다운로드 바로가기




반응형

'프론트앤드 이야기 > 기타' 카테고리의 다른 글

[20180517] 국가-언어  (0) 2018.05.17

댓글

💲 추천 글