tistory 4

[Tistory] 코드블럭 들여쓰기 안될 때 해결 방법

'Tistory 코드 블럭 테마' 와 같은 키워드로 검색하면 highlightjs를 적용하는 방법을 알려주는 글들이 많을 것이다. 나 또한 이들을 참고하여 코드블럭에 테마와 라인넘버를 적용했었는데 아래와 같았다. (+CSS 수정도 필요함.) 문제 상황 원하는 테마와 라인넘버가 적용되어 아주 만족스러웠으나.. 들여쓰기가 안된다는 치명적인 문제가 있었다. 가독성이 아예 없는 상황..!😣 해결 방법 종종 다른 블로그에서도 들여쓰기가 안 되고 있는 모습이 보였고, 어떤 블로그에서는 이 이슈를 해결하기 위해 highlightjs-line-numbers 라이브러리 대신 linenumberV2를 사용했다는 글을 보았다. 그래서 라이브러리 교체를 하려던 찰나, 혹시 CSS 문제가 아닐까 싶어 개발자 도구를 켜(F12)..

ETC 2023.06.22

[Tistory] 스킨 편집 > html 편집 에 대한 꿀정보..🍯

웹 개발을 해보신 분이라면 티스토리 스킨 html 편집을 하다보면 [##blah##] 와 같은 아이들(치환자)에 대해 궁금해본 적이 있을 것 같다 (아마🤐) 이에 대한 티스토리 스킨 가이드 github.io 링크를 공유한다. 치환자 레퍼런스 https://tistory.github.io/document-tistory-skin/ 소개 · GitBook 티스토리 스킨 가이드 티스토리에서는 스킨을 통해서 사이트를 자유롭게 디자인할 수 있습니다. 스킨은 치환자를 사용하여 제작되고 사용된 치환자에는 티스토리의 데이터가 대입되어 티스토 tistory.github.io Open API 레퍼런스 https://tistory.github.io/document-tistory-apis/ 소개 · GitBook No resu..

ETC 2022.01.04

[Tistory] ProgressBar 적용 + 홈 화면에서는 안보이게 하기

우선 다른 여러 블로그들에서 볼 수 있듯이 Tistory html 편집에 들어간 후 안에 위의 코드를 넣어 ProgressBar를 추가하면 된다 하지만 이런 메인 홈 화면에서도 ProgressBar가 있는 이상한 모습을 확인할 수 있다💢 이 문제는 아래와 같이 4번째 라인의 "body" 대신에 "#tt-body-page"를 넣음으로써 해결할 수 있다. Tistory는 메인 화면인지, 카테고리 화면인지, 게시글 화면인지에 따라 body의 id 값이 다 다른데 게시글 화면에서만 ProgressBar가 필요하므로 body 대신 그의 정확한 id값인 #tt-body-page를 넣으면 된다^0^

ETC 2021.11.24

[Tistory] 글 작성 시간 숨기기

티스토리 꾸미기에 맛들렸다 😵‍💫 참고로 나는 현재 Odyssey 스킨을 베이스로 커스터마이징하며 쓰고 있다. 문득 드는 생각이 올빼미처럼 밤마다 글을 올리게 된다면 글 작성 시간이 너무 부끄부끄 할 것 같은데?! 였다. 그래서 글 작성한 시간을 숨기고 싶었고, 이를 하는 과정을 기록한다. [ 기존 ] ... [ 변경 후 ] data에 들어갈 값을 ➡️ 으로 변경하였다. 홈 화면 게시글 리스트에서 날짜가 yyyy. mm. dd. 와 같이 내가 원하는 형태로 뜨는 것이 있어 그 값 이름을 게시글 article에 활용해서 찾아냈다.

ETC 2021.11.24