将动态更新的博客RSS Feed嵌入网站

时间:2017-12-15 20:33:14

标签: javascript jquery html xml rss

我在一个域上有一个网站,在blogspot上有一个博客。在我网站主页的底部,我想在我的blogspot上嵌入最新帖子的链接以及相应的文章图片和标题。我有一个曾经工作的功能,但由于我已经转移到blogspot,RSS网址与我以前使用的不同,因此该功能将不再按预期工作。我如何围绕blogspot rss嵌入链接工作?感谢

blogspot rss2.0嵌入链接

RSS 2.0:http://blogname.blogspot.com/feeds/posts/default?alt=rss

现有功能:

<script src="js/jquery.min.js" type="text/javascript"></script>

<script>
    function getRSS(link, number) {
        $.ajax(link, {
            accepts:{
                xml:"application/rss+xml"
            },
            dataType:"xml",
            success:function(data) {
                var blogItemArray = $(data).find("item");
                var blogItemOne = $(blogItemArray).get(0);
                var blogTitleOne = $(blogItemOne).find("title").text();
                var blogLinkOne = $(blogItemOne).find("link").text();
                var blogDescOne = $(blogItemOne).find("description").text();
                var blogImgOne = $(blogDescOne).find("img.hs-featured-image").get();
                var blogImgSrcOne = $(blogImgOne).attr("src");
                $("#blog-feed-link-" + number).attr("href", blogLinkOne);
                $(".vertAlignerImg" + number).append( $('<img class="blog-img-link-'+ number +'" />' ));
                $(".blog-img-link-" + number).attr("src", blogImgSrcOne);
                $(".vertAligner" + number).append( $('<h2 />', {text: blogTitleOne}) );
            }
        });
    }
    $(document).ready(function() {
        getRSS('rsslink', "One");
        getRSS('rsslink', "Two");
    });
</script>

&#39; rsslink&#39;曾经是一个以/rss.xml结尾的网址。现在它看起来像上面的链接。谢谢!

0 个答案:

没有答案