如何在Blogger博客上显示所​​有帖子的列表? [英] How to display the lists of all posts on a Blogger blog?

查看:112
本文介绍了如何在Blogger博客上显示所​​有帖子的列表?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个博主博客,但我的API有点迷失。我想知道是否可以创建一个列出我博客所有帖子的页面。

I have a blogger blog, but I'm a little lost with their API. I would like to know if it's possible to create a page which list all the posts of my blog.

我在互联网上找到了一些答案,但大多数都没有继续工作:(

I found some answers on the Internet, but most of them doesn't work anymore :(

我有另一个问题:可以在不使用javascript的情况下使用数据库吗?我可能错了,但我认为大多数小部件都使用AJAX(它调用一些JSON来获取所有信息并在JS中显示它们)。

Another question I have : it is possible to work with the db without using javascript? I may be wrong, but I think most of the widgets uses AJAX (it call some JSON to get all the info and displays them in JS).

谢谢!

推荐答案

要列出所有博客帖子,您无需访问Blogger API。使用博客的Feed和一小段Javascript就可以为您做到这一点。

To list all blogposts, you don't need to access Blogger API. Using blog's feed and a snippet of Javascript can do that for you.

可在此处查看工作示例:
http: //codepen.io/yaqoob/pen/GqJDy/

以下是Javascript代码:

<script type="text/javascript">
var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postYear=new Array();var postMonth=new Array();var postYearMonth=new Array();var postYearMonth2=new Array();var postTanggal=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;var month2=["January","February","March","April","May","June","July","August","September","October","November","December"];function loadtoc(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var m=a.feed.entry[h];var e=m.title.$t;var l=m.published.$t.substring(0,10);var p=m.published.$t.substring(5,7);var g=m.published.$t.substring(8,10);var n=month2[parseInt(p,10)-1]+" "+m.published.$t.substring(0,4);var c="/"+m.published.$t.substring(0,4)+"_"+p+"_01_archive.html";var j;for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="alternate"){j=m.link[f].href;break}}var o="";for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="enclosure"){o=m.link[f].href;break}}postTitle.push(e);postDate.push(l);postUrl.push(j);postYearMonth.push(n);postYearMonth2.push(c);postTanggal.push(g)}}}b();displayToc2();document.write('<br/><a href="http://feeds2.feedburner.com/YourFeed" style="font-size: 11px; text-decoration:none; color: #616469;">Subscribe to Our RSS Feed and Get all the updates On the Fly</a></br/>')}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postYearMonth[b];document.write("<p/>");document.write('<p><a href="'+postYearMonth2[b]+'">'+temp1+"</a></p><ul>");firsti=a;do{document.write("<li>");document.write("["+postTanggal[a]+'] <a href="'+postUrl[a]+'">'+postTitle[a]+"</a>");document.write("</li>");a=a+1}while(postYearMonth[a]==temp1);b=a;document.write("</ul>");if(b>postTitle.length){break}}};
</script>

这里是Javascript回调。

<script src="http://domain.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>

替换您自己的博客链接。

Replace blog's link your own.

这篇关于如何在Blogger博客上显示所​​有帖子的列表?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆