如何将最新博客帖子嵌入到index.html中？

问题描述：

正如标题所示，是否可以将我的博客的最新帖子嵌入到网站的主index.html中？如何将最新博客帖子嵌入到index.html中？

网站主页是https://my-domain.com/index.html和博客https://blog.my-domain.com。我想将最新的博客帖子嵌入到我网站主页上的特定位置。即当我发布博客时，主页面会自动更新。

这可能吗？

绝对可能，但请张贴您当前尝试的代码。 –

是必要的吗？我是新来的编码，所以我不知道该怎么做。但是，谢谢你回答我的问题，我一定会找到办法做到这一点。 :) – Duaney

有人吗？请？ – Duaney

答

您可以使用您的博客JSONP，对于最新发生后创建的div像这样<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>

答

你可以使用iframe秒 - 这将只是嵌入网页内容的另一页。例如：

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

然而，I帧存在很大的安全隐患（例如，跨站脚本） - avoidable但像法贾尔建议一个更好的方法是什么（即抢从Blogger API内容，解码JSON并将您的内容设置为下载的值）。

将来，当您提出有关堆栈溢出的问题时，请包括您已尝试将您带入解决方案的代码。如果你不知道如何去做，可以研究这个主题，并使用jsfiddle或类似的原型。

如何将最新博客帖子嵌入到index.html中？

相关推荐