알아두면 유용한 티스토리 팁(feat.밑줄 없애기,페이지 고정)

안녕하세요 Foma 입니다!

 

오늘은 제가 티스토리를 운영하면서 여러가지 알게된 유용한 정보들을 정리해보려고 합니다!!

 

바로 시작할게요~

---

1. 링크 밑줄 없애기

 

아래와 같이 링크를 걸었는데 밑줄이 생기는 경우가 있습니다.

이럴땐 티스토리 관리 - 스킨편집 - CSS 로 들어가줍니다.

여기서 text - decoration이라고 검색해주시고 위에 부분이 article_content인 것을 찾아주세요!

아래와 같이 그러면 underline으로 되어있을거에요.

 

이것은 링크를 걸었을때 밑줄을 표시한다는 의미인데

이걸 none으로 바꿔주시면 됩니다.

그럼 아래와 같이 모든 글의 링크에 밑줄이 사라진걸 볼 수 있습니다.

---

2. Git Gist 밑줄 없애기

 

가끔 소스코드를 공개하면서 Gist를 복사해서 붙여넣는 경우가 있었는데 

 

아래와 같이 밑줄로 된 gist는 너무 안이쁘더라구요..

그래서 알아본 결과 이것도 마찬가지로 티스토리 관리 - 스킨편집 - html 에서

 

아래 코드를 붙여넣어주시면 됩니다.

<style>
.article_view table tr{
border-bottom : 0px;
}
</style>

(저는 html 맨 아래에 삽입했어요)

이렇게 삽입하면 아래와 같이 깔끔한 gist를 볼 수 있습니다!!

 

---

3. 페이지 고정하기

 

티스토리에서 자신에 대한 소개나 블로그 안내 등 반드시 보여주고싶은 내용이 있을텐데요.

 

저는 제 티스토리 내용을 조금 더 정리해서 보여주면 어떨까 하고 찾아봤더니

 

티스토리에 페이지라는 기능이 있더라구요.

 

아래와 같이 관리로 이동하셔서 페이지 관리를 들어가서 원하는 글을 작성해줍니다.

 

 

그 다음 꾸미기에서 메뉴를 들어가서 

 

메뉴에 만들어준 페이지를 넣어줍니다.

 

그러면 메뉴에 만들어준 페이지가 들어간걸 볼 수 있을거에요!

 

그럼 여기서 어떻게 페이지를 고정시키느냐 

 

이것도 마찬가지로 스킨편집으로 이동하셔서 아래와 같이 </head> 위에  

 

아래 코드를 넣어주시면 됩니다.

<script type="text/javascript">
if ( window.location.pathname == '/' ) {
     location.href = '해당 페이지 url 주소';
}
</script>

이렇게 하면 자신의 티스토리를 들어가면 바로 만들어놓은 페이지가 고정됩니다!!

---

Reference

 

참조한 블로그들

티스토리 첫화면 특정페이지 설정하는 방법

 

[티스토리] 링크에 밑줄 없애고 글자색 검은색으로 바꾸기

 

[Git] Gist 줄 없애기