Question

我正在尝试使用Google Feed API在我的非wordpress HTML网站上显示来自wordpress博客的最新博客文章。我设法显示了Feed，但现在我仍然无法显示要素图像。目前它只显示最近的10个标题列表＆＃34;如果你愿意的话。这是代码：

<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="http://www.google.com/jsapi"> </script>
        <script type="text/javascript">
            google.load("feeds", "1")
        </script>
<script type="text/javascript">
                        var feedUrl = "http://www.harbordev.com/blog/feed/";
                        var feedContainer=document.getElementById("feedContainer");

                        $(document).ready(function() {
                            var feed = new google.feeds.Feed(feedUrl);
                            feed.setNumEntries(10);
                            feed.load( function(result) {
                                list = "<ul>";
                                if (!result.error){
                                    var posts=result.feed.entries;
                                    for (var i = 0; i < posts.length; i++) { 
                                        list+="<li><a href='" + posts[i].link + "'target=_blank'" + "'>" + posts[i].title + "</a></li>";
                                    }
                                    list+="</ul>";
                                    feedContainer.innerHTML = list;
                                }
                                else {
                                    feedContainer.innerHTML = "Unable to fetch feed from " + feedUrl;
                                }                   
                            });
                        });
                    </script>            
</head>

<body> 
<section class="section swatch-white">
                <div class="container">
                <div class="row">
                <div class="col-md-12" id="feedContainer">

                    </div>
                </div>
                </div>
</section>
</body

如何显示图像？在这里的另一个条目我看到了这样的建议：

var bmfx = entry.mediaGroups[0].contents[0].thumbnails[0].url;

这应该可以，我会在哪里插入它？不幸的是，我的Javascript技能很平庸，因此，如果有人可以指出我正确的方向或协助一些代码我会非常感激。

Answer 1

您可以看到生成的JSON here的文档。图像位于内容字段（posts[i].content）中：

for (var i = 0; i < posts.length; i++) { 
    list+="<li><a href='" + posts[i].link + "'target=_blank'" + "'>" + 
    posts[i].title + "</a><p>" + posts[i].content + "</p></li>";
}

如果您只想显示图像，可以使用jQuery

var images = "";
$(posts[i].content).find('img').each(function() {  
   images += this.outerHTML;
});

然后将posts[i].content变量附加到images

而不是list。

使用Google Feed API导入特色图片

1 个答案: