티스토리 - 최근 글 썸네일 오류 / Recent posts error

---

square 스킨 최근 글 이미지 오류 

---

안녕하세요 고코더 입니다.

티스토리의 시작을 스퀘어 스킨과 함께 하고 있습니다.

그런데 오늘 보니  페이지 접근시 하단에 있는 최근 글에 

이미지가 나타나지 않고 있는 오류를 발견했습니다. 

(사실 오류가 아니고 의도 된 디자인 인줄 알았네요)

▼처음은 DIV영역만 보이다 마우스 on 을 하면 글씨만 보입니다.

저도 모르게 최근 글이 보이지 않았던 오류 블로그였습니다. 

어서 고쳐야 겠네요.

▼티스토리 관리자에서 해당 HTML/CSS 편집 메뉴로 이동합니다.

▼제 블로그 기준으로 아래 URL로 이동 됩니다.

-> http://gocoder.tistory.com/manage/design/skin/edit

그리고 맨아래 있는 "ygal-edit.js" 를 마우스 오른쪽 버튼을 눌러 저장합니다.

▼그리고 텍스트 편집기로 열어보니

코드 소스가 이상합니다.

7번째 줄은 세미콜론이 없고

13번째 줄은 cfile로만 선언 되어 있습니다.

▼위에 소스를 아래처럼 바꾸어 보겠습니다.

7번째줄 :  var z = "image"; 

13번째줄 : var e = '<meta property="og:image" content="http://cfile'; 

▼ 변경한 소스는 아래와 같습니다. 

복사해서 덮어 쓰셔도 됩니다.

// ygal.js - yongzz.com
// edit by wallel
$(document).ready(function() {
    $("#recent-post .box").each(function() {
        var i = $(this).find("a").attr("href");
        var j = "R320x0";
        var z = "image";
        var d = $(this).find(".thumb img");
        $.ajax({
            url:i,
            dataType:"html",
            success:function(b){
                var e = '<meta property="og:image" content="http://cfile';
                var x = '<meta property="og:image" content="//m1.daumcdn.net/';
                var g = '"';
                if(b.match(e+"(.*?)"+g)!=null) {
                    a = b.match(e+"(.*?)"+g)[0];
                    a = a.substring(35,a.length-1);
                    a = a.replace("image",j);
                    d.attr("src",a.replace('original',j));
                } else if(b.match(x+"(.*?)"+g)!=null) {
                    a = b.match(x+"(.*?)"+g)[0];
                    a = a.substring(35,a.length-1);
                    a = a.replace("image",z);
                    d.attr("src",a.replace('original',z));
                } else {
                    d.remove();
                }
            }
        });
    });
});

▼ 파일이 준비되었다면 기존 js 는 삭제하시고

▼ 방금 수정한 그 파일을 업로드 합니다.

▼ 캐쉬를 지우고 다시 살펴보니 이제야 정상적인 모습이 보이네요.

-> [IT_팁/개발기타] - 크롬 - 캐시 삭제하면서 새로고침 하기

가벼운 오류가 있지만 반응성 스킨 중에는 

가장 깔끔한 스킨 같습니다.

---

마무리

---

이제 반년 정도 지나니 슬슬 다른 스킨으로 바꾸고 싶어지네요