RSS是Really Simple Syndication縮寫,是一種用來分發和匯集網頁內容的XML格式。

若在網頁上有發現    這三種圖示,這表示該網站提供「內容訂閱」的功能。

使用RSS閱讀器訂閱內容,網站只要有更新,就能及時收到訊息,搭配智慧型手機的運用,所有資訊都逃不開自己手裡呀!

推薦一款好用工具 :  Feedly

ios載點  andriod  google chrome

feedly-update-640x521  

如果去申請一個專屬的RSS Feed,就算是你的網誌有更換,到使用的RSS Feed後台修改一下RSS來源,原本的訂閱用戶還是可以正常接收關於你的最新資訊喔。

[運用網路工具]

目前網路上有幾個工具讓大家方便使用

(1) FeedBurner :

  • 會幫使用者統計訂閱人次、分析訂閱來源,是個功能還蠻多的免費RSS服務。
  • 成立於 2004 年的公司,在 2007 年被 Google 收購,目前處於一種停擺的狀態。

subscribe-using-feedburner  

(2) FeedPress

  • 所有 FeedBurner 有的功能它都有,也提供Responsive Design、API、社交網路分享、Dropbox 匯出以及 WordPress 等平台的外掛。

如果你擔心 FeedBurner 有可能走上Google Reader 的後路消失不見的話,建議可以將RSS做個平台轉移。

 

feedpress  

[自己刻HTML]

若是自己會寫HTML的話,這邊提供我今天的心得感想。

首先在網頁編輯器中打開一個檔案,檔名存為 rss.xml,接著貼入以下的框架:

原始碼

<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>

中間為內容

</channel>
</rss>

你會需要這三個資訊,給你的網站/部落格:

  • 標題:<title>
  • 概述:<description>
  • 連結:<link>

舉例來說:
<title>pattyDraw</title>
<description>I am patty wu.</description>
<link>http://www.pattydraw.com</link>

原始碼

<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>

<title>pattyDraw</title> 
<description>I am patty wu.</description>
<link>http://www.pattydraw.com</link>

</channel>
</rss>

 

RSS 檔案的核心是所謂的「項目(items)」,接著我們需要新增每一筆item,

<item>
<title>文章標題</title>
<description>文章敘述</description>
<link>文章網址連結</link>
</item>


下圖中,每一個紅色的勾勾,就是一個item會在頁面上呈現的樣子。

rss  

若加上item以後,整體呈現如下:

原始碼

<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>

<title>pattyDraw</title> 
<description>I am patty wu.</description>
<link>http://www.pattydraw.com</link>

<item>
<title>文章標題</title>
<description>文章敘述</description>
<link>文章網址連結</link>
</item>

</channel>
</rss>

基本上,網站RSS的xml檔已經初步完成囉!

Demo: http://pattydraw.com/rssTest/rss.xml

若你上傳伺服器後,看到以下的圖示,代表你已經成功囉!

chu  

接著就看後端使用php或是其他語言,動態填入item的內容即可。

今天也遇到一個無法加入圖片在每篇文章的問題,解決辦法如下:

寫網頁的人,如果要加上圖片,應該是會想到那就加入<img>吧! 不過如果用以下的寫法,是會失敗的。

<item>
<title>Image Test</title>
<link>http://testin.test</link>
<description>Some text...
<img src="image.jpg"></description>
</item>

解決方法應該是 XML CDATA 
簡單解釋一下:
內容中含有 HTML 標籤或者是一些特殊字元,通常 XML 會有分析錯誤的情況,這時候就必須將這些字元作些轉換的工作,而CDATA就是扮演這樣的角色。

<item>
<title>Image Test</title>
<link>http://testin.test</link>
<description>
<![CDATA[<img src="image.jpg"/><br />文字放此... <br />]]>
</description>
</item>

YAHOO  

測試加到My Yahoo已經成功看到成果囉!

 

接著在你的html檔案中,放置

<html>
<head>
<head>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://pattydraw.com/rssTest/rss.xml" />
</head>
</html>

如果希望RSS能夠載入更多資訊,那可能要去了解RSS正確的完整的規範,以上介紹只有標題、概述跟連結,

動手試試看吧!


創作者介紹

派蒂小姐的探險筆記

派蒂小姐 發表在 痞客邦 PIXNET 留言(0) 人氣()