본문 바로가기

블로깅

티스토리 블로그 관련 몇 가지 팁

반응형

식상한 표현이지만 시간이 정말 빨리 지나가는 것 같습니다. 블로그도 시작한지 그렇게 오래 된 줄 몰랐는데 벌써 4년 가까이 지났고요. 

 

예전에 티스토리 초대장 제도가 있었을 때 제게 초대장을 받아가신 분이 3-40명 정도 되는데, 그 중에서 블로그를 시작하신 분이 10% 정도 되고 1년 이상 유지한 경우가 한 분도 안계신 걸 보면 4년동안 블로그를 유지하는 게 그렇게 흔한 일은 아닐것 같다는 자부심이 들기도 합니다.

 

지난 주에 블로그 개설 후 처음으로 스킨을 교체했는데, 기존에 적용했던 내용을 다시 찾는 데 시간이 걸려서 이참에 블로그 포스트로 몇 가지 팁을 공개합니다. (사실 대부분은 다른 블로거 분들이 이미 공개한 내용입니다)

 

  • 블로그 포스팅 시간 삭제하기

기본적으로 티스토리에 글을 쓰면 글을 작성한 연도, 일자 그리고 시간이 공개 됩니다.

시간을 굳이 공개하고 싶지 않은 경우, 아래 방법을 쓰면 됩니다.

2019. 7. 8. 11:41   --> skin HTML 수정 모두에서 이 부분을 찾아서, 아래 내용으로 수정 합니다.

<script type="text/javascript">
var TDate = '[##_article_rep_date';
   YYYY= TDate.substr(0,4);
   MMDD= TDate.substr(5,5);
   document.write(YYYY+"."+MMDD);
</script>

 

  • Syntax Highliter 사용하기

코드를 블로그에 올릴 때 많이들 사용하는 방법입니다.

1) Syntax Highliter 다운 받기 --> 정식 홈페이지: http://alexgorbatchev.com/SyntaxHighlighter

2) skin.html의 헤더에 아래 내용 넣기 (주로 사용하는 언어에 따라서 필요한 부분만..)
<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/shBrushJScript.js"></script> <script type="text/javascript" src="./images/shBrushPython.js"></script> <script type="text/javascript" src="./images/shBrushJava.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>

3) skin.html의 body에 아래 내용 넣기
Onload="dp.SyntaxHighlighter.HighlightAll('code');"

4) 다운받은 css, js파일들을 업로드 하기

 

  • Whatever스킨에 카테고리 메뉴 넣기

이번에 새로 교체한 스킨인데 카테고리 메뉴가 없어서 고민하던 중 다른 블로거님의 포스팅에서 해결법을 찾았습니다.

https://wonderbout.tistory.com/39

1) CSS파일의 아래부분에 내용 추가 (위 블로그 참조)
2) skim.html 에서 [##_blog_menu 위에 [##_category_list 추가

 

  • Whatever스킨의 문자 색 바꾸기

글의 본문 색을 저는 검정색을 선호하는데 Whatever스킨의 기본 문자색이 검정이 아니라서 바꾸어 보았습니다.

 

블로그 관리 > 꾸미기 > 스킨 편집 > html 편집 > CSS > 1526번째 라인 (저의 경우.. 다른 분은 CSS수정에 따라 라인수가 달라질 수 있습니다) 근처의 아래 부분에서 색상 코드를 666에서 000으로 수정 (왜 하필이면 666색상이 기본인지 모르겠네요)

 

.entry-content p {
margin-bottom: 22px;
word-break: break-all;
font-size: 1em;
line-height: 1.5714;
color: #666;
}

반응형