최신 블로거 게시물을 index.html에 포함시키는 방법은 무엇입니까?

Question

제목에서 알 수 있듯이 블로거의 최신 게시물을 웹 사이트의 index.html에 삽입 할 수 있습니까?

웹 사이트 기본 페이지는 https://my-domain.com/index.html이고 블로그는 https://blog.my-domain.com입니다. 내 웹 사이트 메인 페이지의 특정 장소에 최신 블로그 게시물을 포함시키고 싶습니다. 즉, 블로거에 게시하면 메인 페이지가 자동으로 업데이트됩니다.

이것이 가능합니까?

Answer 1

당신은 <div id="latest-post"></div>

<script src='http://your-blog.com/feeds/posts/default?alt=json-in-script&callback=latestPost' async='async'></script> 
<script> 
    function latestPost(json) { 
    var entry = json.feed.entry; 
    for(var i = 0; i < entry.length; i++) { 
     var link, title = entry[i].title.$t; 
     for(var j = 0; j < entry[i].link.length; j++) { 
     if(entry[i].link[j].rel === "alternate") { 
      link = entry[i].link[j].href; 
     } 
     document.getElementById("latest-post").innerHTML += "<a href='" + link + "'>" + title + "</a>"; 
     } 
    } 
    } 
</script> 

Answer 2

당신은 iframe의를 사용할 수있는 최신 게시물의 장소 같은 사업부를 만들고, 블로그의 JSONP를 사용할 수 있습니다 -이 단순히 다른 페이지에서 페이지의 내용을 포함한다. 예를 들어 :

<iframe src="http://google.com" width="800" height="800" title="Embed google.com"></iframe> 

그러나, (예를 들어, 크로스 사이트 스크립팅) 현재 큰 보안 위험을 iframe을 - avoidable하지만 Fajar 권장처럼 더 좋은 방법은 (즉, 디코딩, 블로거 API에서 콘텐츠를 잡아 뭔가 것 JSON 및 콘텐츠를 다운로드 한 값으로 설정).

스택 오버플로에 대해 궁금한 점이 있으면 솔루션에 연결하려고 시도한 코드를 포함 시키십시오. 어떻게하는지 모르는 경우 주제를 연구하고 jsfiddle 또는 이와 유사한 프로토 타입을 사용하십시오.