본문 바로가기

Tech-tips/Tistory

네이버 포스트 위젯 티스토리 블로그에 넣기 요즘 네이버는 네이버 포스트를 엄청나게 밀고 있다. 그 증거를 가장 확실하게 나타내는 것이 바로 검색 결과. 포스트의 경우 시작한지 얼마안된 사람도 검색결과에 잘 잡히는 반면 블로그는 저품질이니 뭐니 복잡한 공식과 이론을 들이대며 누구는 걸리고 누구는 안걸리고 식의 주먹구구식 알고리즘이 돌아가고 있다. 물론 네이버는 검색엔진이라 부르기도 민망할정도로 쓰래기 같은 검색 품질을 보여주고 있지만 자체 서비스인 네이버 블로그나 지식인의 문서는 적어도 볼 수는 있다. 구글포함 빙과 같은 타사 검색 엔진은 네이버 자체를 크롤링 하지 못하기 때문에 해외 검색엔진에는 검색이 안된다. 최근 네이버 블로그와 쓰래기 검색 기능이 개편을 하면서 이전에 써먹던 어뷰징 방법들이 먹히지 않고 있다. 물론 진작에 했었어야 하는 조치.. 더보기
티스토리 업데이트 예측 - 마크다운 이전의 퍼머링크 업데이트의 경우 그 누구보다 먼저 업데이트가 적용되었던 곳은 공지 블로그 였다. 아마 정식 업데이트 예고가 있기 약 4개월 전쯤 부터 공지 블로그는 퍼머링크 형식의 글 정렬 방식을 사용하고 있었다. 티스토리 간담회 하기 전부터 이미 퍼머링크 시스템은 도입과정을 밟아 온것 같다. 공지 블로그를 뻔질나게 드나들면서 의심은 했었다. 개발자 모드로 코드를 봐도 분명 그냥 티스토리랑은 다르다는 느낌을 받았으나 치환자의 경우 로드가 된 페이지에서는 보이지 않기 때문에 심증은 있으나 물증이 없어서 도무지 알길이 없었다. 이와는 다르게 새로운 스킨과 함께 업데이트가 등장하는 경우도 있다. #2의 경우 카테고리 관련글 보기 기능을 처음으로 달고 나온 스킨이다. 아이러니 한건 스킨가이드는 #2가 공개되고 .. 더보기
티스토리에서 webP와 대체 이미지 사용하기 대표 국산 움짤 제작 프로그램인 꿀캠에서는 webP를 지원한다. 얼마전부터 유투브에서도 시험적으로 동영상에서 바로 움짤을 만드는 기능을 제공하고 있는데 이것 역시 webP를 제공하고 있다. webP란 무손실과 손실 압축을 지원하는 새로운 이미지 포맷이다. 무손실의 경우 타 포맷의 손실 압축 정도의 용량을 가진다는 장점이 있다. 또한 애니메이션도 지원한다. WebP의 경우 24비트 RGB 컬러와 8비트 알파체널을 지원하나, gif의 경우 8비트 컬러와 1비트 알파채널 밖에 지원하지 않는다. 손실 압축의 경우 약 64%, 무손실 압축의 경우 19% 정도 gif 대비 용량이 적다. 용량이 적기 때문에 동일한 크기의 gif와 webP 애니메이션을 만들경우 webP의 이미지가 프레임이 높고 부드러운, 비트수가 높.. 더보기
티스토리 운영체제 별 에디터/ 기본 단축키 분석 많은 분들이 아시다시피, 티스토리에는 자체 단축키가 있습니다. 무조건 마우스로 조져야 되는 네이버나, 이글루스 같은 여타 블로그와는 다르게 에디터나 블로그 전반에서 단축키를 지원하기 때문에, 이런 단축키를 몇 개만 알아두면 정말 빠르게 포스팅과 관리를 할 수 있습니다. 하지만 무슨 이유에서 인지 이전에는 에디터 내부에 도움말을 통해서 단축키 파악이 가능하였지만, 어느 새 그 메뉴가 없어졌습니다. 그래서 저도 최근에서야 알게 되어 뒤늦게 정리를 해봅니다. 아마도 이전 사진과 비교해보았을 때 메뉴에 마이피플 스티커가 추가되면서 빠진듯한데, 병크도 이런 병크가 없네요 -_- 시중에 단축키 관련 포스팅이 많이있지만, 운영체제 별로 분석해놓은 것은 없습니다. 윈도우에 IE 구버전 위주로 만들어진 티스토리 에디터는.. 더보기
디스커스 코맨트에서 코드뷰를 써보자 디스커스 코맨트 플러그인에서 코드뷰(SyntaxHighlight) 쓰는 방법을 알아보도록 하겠습니다. 디스커스는 아무래도 일반사이트에서 부터, 웹개발자 포털이나, 개인 개발자 블로그까지 아주 널리쓰이다 보니 이 Syntax Highlight 기능을 아주 강력하게 지원합니다. (라이브리가 이런기능을 지원할까요? 글쎄요... 죽었다 깨어나도 그런일은 없을겁니다.) 사용하는 방법은 사이에 코드를 넣으면 됩니다. 디스커스 플러그인은 생각보다 똑똑해서 어떤 코드 인지 지정해줄 필요 없이 자동으로 인식합니다. 디스커스에서 지원하는 언어는 다음과 같습니다. BashDiffJSONPerlC#HTML/XML JavaPythonC++HTTPJavaScriptRubyCSSIniPHPSQL※HTML/XML 같은 경우에는 < .. 더보기
모바일 용 블로그 웹클립 아이콘을 만들어보자 웹사이트에서 자신만의 개성을 나타내는 방법은 다양합니다. 그 중에 하나는 파비콘입니다. 파비콘은 Favorite Icon의 줄인 말로 IE5 부터 사용 되어온 역사와 전통을 자랑하는 요소입니다. 파비콘은 ico 파일로 구성되어 있으며, 티스토리에서는 관리자 페이지에서 이를 변경하는 것이 가능합니다. 티스토리 파비콘 관련 관리자 페이지 파비콘은 기본적으로 ico 파일을 이용하며, 16x16이라는 아주 낮은 해상도의 이미지를 사용합니다. 그래서 모바일 기기에서는 일종의 아이콘 형태로 홈화면에 위치하게 되는데, 그러기 위해서는 해상도가 턱없이 부족하게 됩니다. iOS가 처음 개발 되었을때는 잡스가 네이티브 앱 구동용 sdk를 공개하지 않으려 했습니다. 왜냐면 웹앱이 미래라고 봤고 html기술이 발달하면 네이티.. 더보기
티스토리에 소셜 라이브 채팅방을 달아보자 - Spot.im 티스토리에 채팅방을 달아보고 싶다는 생각을 해보신 적이 한번 쯤은 있으실 겁니다. (아님 말고요) 가가라이브나 유챗, d챗등 티스토리에서 사용 할 수 있는 채팅방이 여럿 있습니다. 하지만 이것들의 문제점은 무엇일까요? 그렇습니다. 최근의 시류에 전혀 따라가지 못하고 있는 채팅방이란 것이죠. 모바일에서는 접속도 안 될 뿐더러 심지어 선사시대 유물인 플래시로 되어 있는 경우도 있습니다. 관리자 기능은 빈약하기 짝이 없고, 스팸 관리도 안 되며, 사진 파일 공유 같은 간단한 기능조차도 지원하지 않습니다. 사실 국내에서 블로그에 설치하는 채팅방은 접속만 하면 크게 제한 없이 메시지를 남길 수 있는 구조로 되어 있습니다. 그래서 인지 온갖 광고나 스팸으로 도배되기 쉽습니다. 그에 비해 오늘 강좌에서 소개할 스팟i.. 더보기
디스커스 댓글 플러그인으로 수익 창출하기 디스커스는 매우 강력하고 편리한 소셜 댓글 플렛폼입니다. 기본 기능만으로도 충분히 좋은데 거기 한술 더 떠서, 디스커스에서는 개인 사이트나 블로그 운영자들을 위한 수익창출 모델을 들고 나왔습니다.그 수익 모델의 이름은 디스커버리 입니다. 디스커버리는 디스커스에서 만든 수익 시스템으로 댓글 상단이나 하단에 작은 광고나 링크를 표시하여 관리자에게 수익을 지급하는 구조입니다. 간단히 설명하면 디스커버리는 디스커스 댓글창에 CPC광고를 노출시키게 됩니다. 이 광고는 기업이나, 다른 디스커스를 언론 매체일수도 있습니다. 댓글난에 달리는 디스커버리를 통해서 얻는 수익은 해당사이트의 댓글시스템을 관리하는 디스커스 관리자에게 수익으로 지급됩니다. 디스커스의 수익모델인 디스커버리에 대해서 자세히 알고 싶으신분은 다음 문.. 더보기
티스토리에 디스커스 최근 코맨트 위젯 설치하기 디스커스 플러그인도 설치했겠다 편리한 블로그 생활을 영위하고 있습니다. 하지만 티스토리 기본 댓글 플러그인은 사이드 바에 별도의 위젯이 있어 댓글이 달리는 것을 볼수 있지만 디스커스는 그런게 없어서 불편하시다고요? 사실 디스커스도 있습니다. 공식으로 제공하는 최근 댓글 위젯이 존재 "했었"습니다. 하지만 지금은 공식 홈페이지나 관리 페이지 어디를 가도 어디 위젯을 구할수가 없습니다. 도대체 누가 먹어버렸을까요? 사실은 아무도 먹지 않았습니다. 디스커스가 죽여버렸어요. 으앙 쥬금 ㅠ GitHub의 Nerd들을 위해서 API를 공개하는 대신에 기존 위젯은 사이트 개편과 함께 폐기 처분 되었습니다. ㅠㅠ 디스커스 코맨트 위젯 하지만 다음뷰가 개편후에도 이전에 단 위젯을 그대로 쓸 수 있듯이 이전에 퍼간 위젯 .. 더보기
디스커스 관리자 메뉴 기능 알아보기 디스커스 관리자 화면 입니다. 여러가지 사이트의 댓글 창을 하나의 계정으로 관리할수 있습니다. 토론(Discussions) 텝에서는 현재 댓글이 달린 글의 상태와 댓글 잠그기 기능을 제어할수 있습니다. 블로그 이전이나 서비스 전환시에 코맨트 내용을 이전시킬수 있습니다. 다른 댓글 플렛폼의 데이터를 디스커스로 이전시킬수 있습니다. 통계란에서는 현재 댓글 수와 추천수를 볼수 있습니다. 설정 텝에서는 세부 정보를 입력할수 있습니다. *Install 버튼은 스킨을 바꾸거나 했을때 이곳에서 다시 코드를 가져다 쓸수 있게 해줍니다. Appearance (외관) Color Scheme은 어두운색과 밝은색이 있고 Auto로 해놓으면 현재 자신의 블로그에 링크 색상과 글꼴 색상에 맞추어 뜨게 됩니다. Typeface는 .. 더보기