在你的网站上展示Rss Feed

news/2024/5/10 11:20:48/文章来源:https://blog.csdn.net/weixin_34319111/article/details/92693208

2019独角兽企业重金招聘Python工程师标准>>>

如何在自己的网站上展示别的网站的rss feed，如google news。这样就可以在自己的网站上实时显示别的网站的新闻，就像自己的新闻一样。这个想法我好久前就有了，也在好几个月前找到了方法。其实方法很多，有些网站提供feed的烧录，然后以Javascript形式显示出来的，如：feedsky,feedburner等等。也有用Google AJAX Feed API，然后在自己网站上插入其代码显示feed内容的，这个方法需要个API Key。上面两种方法都要经过第三方的服务。

我不想经过第三方，一直在中文网找，可没找到。所以我用了英文找，终于被我找到了，这个网址就是 RSS Display boxes上面全是英文，别慌张，你要做的就几步：

第一、下载rssdisplaybox.zip，然后在那几个example中选一个，如果你想选几个也行，可我这就讲选一个，比如第四个。

第二、(1)看到Customization info(自定义)了没，如果你没想分离下载的文件，他上面的第一步可以省。在rssbox文件夹中找main.php，修改名为cssdrive的网址成http://www.8suo.com/feed，为什么要修改cssdrive呢，因为我们选的是第四个example。

$rsslist=array(
“cssdrive” => “http://www.cssdrive.com/index.php/news/rss_2.0/”,
“bbc” => “http://newsrss.bbc.co.uk/rss/newsonline_uk_edition/front_page/rss.xml”,
“nytimes” => “http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml”,
“dynamicdrive” => “http://www.dynamicdrive.com/export.php?type=new” //no trailing comma after last RSS URL!!
);

(2)新建个文件，命名为index.html 在</head>之前插入：

<link rel=”stylesheet” type=”text/css” href=”rssbox/rssdisplaybox.css” />
<script type=”text/javascript” src=”rssbox/virtualpaginate.js”></script>
<script type=”text/javascript” src=”rssbox/rssdisplaybox.js”>
/***********************************************
* RSS Display Boxes- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>

要显示的部位插入：

<!– rss feed begin–>
<script type=”text/javascript”>
//MAIN FUNCTION: rssdisplaybox(“rssfeed_id”, “rssbox_id”, “rssbox_class”)
var cssdrive2=new rssdisplaybox(“cssdrive”, “cssnewsbox”, “someclass”)
cssdrive2.set_items_shown(200, 5) //Fetch 200 entries, but display only 5 at a time (pagination links auto created)
cssdrive2.set_template(“default”) //Use “default” template, which outputs title + description + date
</script>

<!–Manual pagination interface for CSS Drive box above–>
<div id=”csspaginatediv” class=”rsspaginate”>
<a href=”#” rel=”previous”>Prev</a> <span class=”flatview”></span> <a href=”#” rel=”next”>Next</a>
</div>

<script type=”text/javascript”>
cssdrive2.setpagination(“manual”, “csspaginatediv”) /
cssdrive2.start() //Required: start script
</script>
<!– rss feed end–>