highlight.js 적용
1 URL : https://highlightjs.org/download/ 선택 후 다운
2 관리에서 파일 업로드
3 html 수정
<link rel="stylesheet" href="./images/tomorrow-night-eighties.css">
<script src="./images/highlight.pack.js"></script> <script>hljs.initHighlightingOnLoad();</script>
Usage.
내용 삽입
<pre><code class="html">...</code></pre>지원 class 언어
https://highlightjs.org/static/demo/
주의할점
스킨을 바꾸면 업로드한 파일 및 변경한 내용이 초기화 됨.
레이아웃 CSS 변경
아래는 http://blog.koyeseul.net/ 스킨 기준임.
#header h1{float:left;font-size:2.5em;line-height:170%;padding:0;margin:0;text-shadow:5px 5px 5px #000;}body,th,td,input,select,textarea,button,h1,h2,h3,h4,h5,h6 {font:0.7em/1.2 '돋움',dotum,Tahoma,AppleGothic,Sans-serif;color:#2B2B2B;}
#content{
overflow:hidden;
float:left;
width:640px;
- padding:30px 45px;
+ padding:30px 45px;
word-break:break-all;
}주석처리
/* #sidebar .category ul li{font-size:1.2em;} */
주석처리 - 본문 링크색상
/*#content .entry .article a{text-decoration:underline;color:inherit;}*/
Autolink 삽입
<!-- 블로그 별도 추가건 -->
<script type="text/javascript" src="./images/autolink.js"></script>
<script type="text/javascript" src="./images/jquery-1.9.1.js"></script>아래는 문서 </body> 위에 넣습니다.
<script>
autolink($('#content'));
</script>https://www.npmjs.com/package/markdown-tistory
'기타' 카테고리의 다른 글
| 기존에 wiki 로 생성했던 대량(?) 의 문서들을 블로그로 가져오려고 하는데 (0) | 2017.03.02 |
|---|---|
| 옛날 옛적에 중딩 개발자 한명이 살았는데.. (0) | 2017.02.02 |
| 문서 작성은 참 어렵다. (0) | 2017.01.30 |
| 소소한 일상 첫 포스팅 (0) | 2017.01.19 |
