hi098123 Tistory Tip
썸네일 이미지

티스토리 에디터 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개 넘게 넣어야 간당간당한 것 ..

'ads.txt 파일 문제' 해결을 위해 애드센스 연동이 필요한 이유?

먼저, 해외 블로그인 (blogspot, github) 등은 sellers.json에 주소 입력시 잘 입력되는것을 확인 할 수 있습니다. Sellers.json 바로알기 Sellers.json이 한동안 공지가 뜨고 다들 어떻게 하면 알림이 사라지는지만 생각하고 정확한 정보는 놓쳤을것 같아서 글을 작성하게 되었습니다. 구글은 정보를 투명하게 공개하는게 좋다고 안내 hi098123-skin.tistory.com 반면 *.tistory.com은 자동으로 tistory.com으로 수정되며, 정상적으로 등록이 안되는것을 확인 가능합니다. sellers.json은 루트 도메인을 입력하도록 되어있고, ads.txt는 루트 도메인의 최상단 디렉터리에 업로드하게 되어있습니다. 별도 예외처리에 의해 다음의 해외블로그 도메..
썸네일 이미지

티스토리 댓글 차단 팁

티스토리를 운영중이라면 댓글 차단 한번쯤 이용해보셨을 수 있습니다. 어떻게 차단할지 감이 안잡히시거나, 작성자 차단/IP 차단 무엇을 해야될 지 모르겠다면 이 글을 읽어주세요. 댓글 차단 방법1 댓글 차단은 티스토리 관리페이지의 댓글·방명록 -> 댓글 관리 및 방명록 관리에서 가능합니다. 댓글 목록에 마우스를 올려보면 차단버튼이 있습니다. 작성자 차단과 IP차단을 선택할 수 있습니다. 방법2 댓글 차단은 티스토리 관리페이지의 댓글·방명록 -> 설정에서 또한 가능합니다. 스팸필터에서 IP 차단, 사이트 차단, 본문, 이름을 차단가능합니다. 각 필터에 대해 알아봅시다. IP 필터링 : 입력한 값(리스트)과 정확히 일치하는 IP의 댓글을 차단합니다.(특정 IP의 방문 차단이 아님) 사이트 필터링 : 티스토리 ..