땀똔의 프로필 사진

티스토리, 나의 링크에 새글 표시하기 with 카카오 API..

    Information/For Tistory

 

    

2020년 11월 말경 티스토리 API가 고장난 관계로 현재까지 제대로 작동하지 않음.

 

Demo & Code

 

카카오 개발자 포럼에 가서 앱을 등록해야 하며, REST API 키가 필요함..

 

Demo

 

 

<script>
/* #my_links ul li a 는 자신의 스킨에 맞게 수정되어야 함 */
    var links = new Array();
    $("#my_links ul li a").each(function() {
        links.push($(this).attr("href"));
    });
    
    for(var i = 0; i < links.length; i++){
        
        $.ajax({
            type: "get",
            url: "https://dapi.kakao.com/v2/search/blog",
            /* kakaoAK 다음에 공백 있음 */
            headers: {"Authorization": "KakaoAK " + "REST API 키"},
            contentType: "application/json; charset=utf-8",
            /* 최근 글 하나만 가져옴 */
            data: { query : links[i], size: 1 },
            success: function(data) {
                /* 최근 글과 현재 시간을 비교해서 조건을 만족하면 해당 링크 태그에 속성을 추가함 */
                var t1 = new Date(data.documents[0].datetime);
                var t2 = new Date();

                var gap = t2.getTime() - t1.getTime();
                var date = gap / 1000 / 60 / 60; /* 시간 */
                
                if ( date <= 72 ) {
                    t_url = data.documents[0].url;
                    t_url = t_url.split("/");
                    t_url = t_url[1] + t_url[2];
                    t_url = t_url.replace("www.", "");
                    $("#my_links ul a[href*='"+t_url+"']").attr("class", "new");
                }
            }      
        });
    }
</script>

<style>
/* 어떻게 보여줄 것인지는 여기에서... */
    #my_links ul a.new { ... }
</style>

 

 

다운로드

 

내링크에_새글_표시하기_with_카카오API.html
1.5 kB