hi098123 Tistory Tip
썸네일 이미지

스킨 편집을 되돌리는 방법 (초기화)

스킨을 잘못 편집한 경우 되돌릴 방법은 거의 없습니다. 하지만 방법은 몇 가지가 있습니다. 주로 CSS를 자유롭게 다루지 못하는 초보자가 겪을 수 있는 상황인데 몇 가지 방법을 소개해보려고 합니다. 초기 스킨의 CSS를 활용 처음 등록한 스킨의 CSS는 아래의 방법으로 저장가능합니다. 티스토리 관리자 페이지에 접속합니다. "꾸미기" - "스킨 변경"에 들어갑니다. "다운로드"를 누르면 사용중인 스킨의 초기버전이 다운로드 됩니다. 초기 업로드한 스킨을 사용하면 중간에 바꾼 변경작업들이 모두 날라가니 주의해야합니다. 많이 바꾸지 않았다면 이 방법을 권장합니다. Google 색인된 데이터를 이용한 방법 (3시간 이내에만 가능) 구글에 "site:블로그 주소"를 검색합니다. 먼저 개발자도구(F12)를 켠 뒤 "..

[2022년 11월] 티스토리 변경사항에 따른 유저 스크립트 소스 변경 필요사항

기존 DOMContentLoaded로 작동하던 코드는 document.addEventListener('DOMContentLoaded', function); 앞으로는 readystatechange에서 확인해야 안전합니다. document.addEventListener('readystatechange', function(event) { if(document.readyState=='complete'){ //기존 function } } 티스토리 UI관련 코드들이 모두 defer(IE9+)형태로 변경되어, 비동기로 로딩되어 실행되는데.. 비동기로 실행되는 UI변경은 DOMContentLoaded이후에도 실행되어 충돌가능성이 있습니다.
썸네일 이미지

티스토리 에디터 html 코드 넣기

생긴지는 한두달 된 기능인것 같은데, 따로 홍보도 없고 안내도 없어서 이번에 이걸 사용해서 글을 작성한 김에 내용을 소개하려고 한다. 티스토리 HTML블럭 티스토리 에디터의 고질적인 단점. html코드를 수정후 기본모드에서 편집시 일부 코드가 사라진다. 처음 봤을때 이걸 방지하려고 만든 기능임을 짐작했다. 조금전 작성한 글에서 이 기능을 사용했는데 결과는 아래와 같다. 에디터상의 코드 결과로 출력되는 코드 원리라고 하면 이런것 같다. 에디터가 코드블럭은 안건듦 코드블럭 내에 사용자 입력 html 데이터를 별도로 저장 글을 열람시에는 서버에서 처리되어 html데이터를 그대로 출력 이런 기능은 잘 만든것 같다. https://tistory.hi098123.com/36 이런 글에서의 html 본문 코드 활용을..
썸네일 이미지

티스토리 이미지 유튜브 링크 꾸미기

흔히 유튜브를 공유할때 퍼가기 기능을 이용해서 공유를 합니다. 그러나, 이렇게 공유시 유튜브 리소스를 로딩하여 사이트 속도가 약간 저하될 수 있는데 사이트 내에서 영상을 재생해야하는 경우 위 방법을 어쩔수 없지만 사용해야됩니다. 유튜브로 이동하여 시청하게 할 때 이 글은 사이트(또는 티스토리 블로그) 외부로 나가 유튜브에서 시청하도록 하는 경우에만 해당됩니다. HTML구조가 아래와 같을때 (일반적인 티스토리 이미지 구조) figure a img CSS를 아래와 같이 설정합니다. figure>a[href*="//www.youtube.com"]:before, figure>a[href*="//youtube.com"]:before, figure>a[href*="//youtu.be"]:before{ positio..

티스토리 접은글 꾸미기

접은글 티스토리의 접은글 문구를 바꾸고 싶은데 못바꾸시는 분들 많을것으로 생각됩니다. CSS 코드만으로 접은글에 들어갈 문구를 바꿀 수 있습니다. 원리를 보면 기존 글자는 배경색으로 만들어서 안보이게 만들고(또는 font-size:0과 같이 만들고 :before 기능을 이용해서 글자를 넣는 방법입니다.) div[data-ke-type='moreLess'] a.btn-toggle-moreless, #tt-body-page div[data-ke-type='moreLess'] a.btn-toggle-moreless{ color:transparent; /*또는 font-size:0*/ } div[data-ke-type="moreLess"].open>a.btn-toggle-moreless:before { cont..

2021.12.31~2022.01.02 티스토리 접속장애

티스토리에서 접속장애가 발생했다. (진행중이다.) 접속장애가 발생한 서비스는 티스토리 블로그, 관리페이지 등이다. 티스토리 구조는 아래와 같을것으로 예상되는데 티스토리 프록시 (openresty) 티스토리 메인 티스토리 관리 페이지 티스토리 블로그(PC) 티스토리 블로그(모바일) DB PC버전 블로그와 관리페이지에서 문제가 발생하였다. 504 Timeout이니 PC버전 블로그와 관리페이지와 프록시 서버와 통신이 정상적으로 안되고 있는 상황으로 추정된다. 특정 코드가 계속 점유율을 잡아먹고 있거나, 잘못 설정된 규칙 때문에 처리를 못하는등.. 모바일 블로그(티스토리주소/m)와 내부 데이터처리(reaction 등)은 정상적인것으로 보아 DB쪽 문제는 아닌것으로 보이고 PC블로그 서버가 문제가 있는것으로 예상..
썸네일 이미지

티스토리 방명록 버그

오류 발생 대상 /manage/setting/comments 에서 아래의 설정시 한 화면에 1개라면 모든 티스토리 블로그에서 방명록 페이징 오류가 발생한다. 구현 방법 1. 한 화면에 1개로 설정 한 화면에 1개로 설정후 방명록 3페이지에서 2페이지 이동은 불가하다. 이 내용은 작성일 기준으로 추후 수정될 수 있음 1 2 3 4 이 코드는 방명록 페이징 코드로 방명록은 작성일을 기준으로 페이지를 나누는데, 내부 로직에 버그가 있다. 2. 고의로 버그를 만드는 법 한 화면에 2개로 설정후에는 (1, 2), (3, 4), (5, 6) 이렇게 묶이는데 time값이 4를 가리켜 (4, 5)가 한페이지에 잡히면 3페이지로 여겨지고 (1), (1), (4, 5), (5, 6) 로 묶이는데 문제가 동일하게 발생한다...
썸네일 이미지

"티스토리의 더 나은 광고를 위한 안내" 공지 대응하기

원글은 https://notice.tistory.com/2608 이곳에 있습니다. [중요] 티스토리의 더 나은 광고를 위한 안내 광고의 품질은 콘텐츠의 소비와 직결됩니다. 구글 서치콘솔의 환경보고서에서 "더 나은 광고 표준 위배로 인한 광고 필터링" 안내 메시지가 있었습니다. 구글 크롬 정책상 루트도메인 단위로 표 notice.tistory.com 설명이 조금 미흡하다 보니, 블로거들이 댓글로 다시 문의하네요. 화면의 30퍼센트 면적 초과? 브라우저에서 f12를 눌러 콘솔(Console)에서 다음 코드를 실행하면 화면 면적의 몇 퍼센트인지 확인 가능합니다. 대부분의 자동 광고 사용유저와 글자 수 1000자당 1~2개를 넣는 블로거라면 문제없습니다. PC에서 3000자에 15개 넘게 넣어야 간당간당한 것 ..