Question

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

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

这可能吗？

Answer 1

你可以使用你博客的jsonp，为这个帖子<div id="latest-post"></div>

创建这样的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 s - 这只是将页面内容嵌入到另一个页面中。例如：

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

然而，iframe存在很大的安全风险（例如，跨站点脚本） - avoidable但更好的方法就像Fajar推荐的那样（即从Blogger API获取内容，解码JSON并设置您的内容到下载的值。）

将来，当您在Stack Overflow上提出问题时，请包含您已尝试过的代码，以帮助您解决问题。如果您不知道如何做某事，请研究该主题并使用jsfiddle或类似的原型。

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

2 个答案: