2013年5月16日 星期四

在Google Drive中製作具有動態RSS功能的網頁


之前看到Google Drive可以當成靜態網頁的存放空間,於是不小心找到了這個人(免費的喘息)的網頁。他的範例則是可以把所有部落格中RSS的資訊,"即時"的更新在他的網頁list中,於是有兩個想法出現在我腦海。


1.我可以套用這個人(免費的喘息)的網頁我喜歡看的網站的RSS,寫在我的HTML裡。


2.在把我平常喜歡的網頁書籤也寫在HTML中。


於是我就先隨便用Frontpage Express或BlueGriffon之類的網頁編輯軟體,編了一個HTML檔


<html>
 <head>
   <meta content="text/html; charset=big5" http-equiv="content-type">
   <meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
   <title>A1253247����������</title>
 </head>
 <body style="       background-color: white;">
   <p><font size="7">a1253247����������</font></p>
   <img alt="A1253247����������" src="personal2.png"><br>
   <br>
   <script language="JavaScript" src="blog.js">
</script> <br>


.


.


.


 </body>
</html>


不過在這當中,還有一個重點,就是要在HTML中插入 <script language="JavaScript" src="blog.js"></script>這一句,意思就是在HTML檔案中插入一個js檔!js檔是以JAVA語言寫成的檔案,我只是套用一個現成的檔案(blog.js),再加以修改而已。


接下來只要針對blog.js檔中的這些網站的RSS連結,改成你喜歡的連結,例如


{title:"HMVTWEETS",url:"https://api.twitter.com/1/statuses/user_timeline.rss?screen_name=hmvtweets"},


改成


{title:"ENGADGET",url:"http://chinese.engadget.com/rss.xml"},


你就可以在你的網頁中呈獻ENGADGET中的即時更新的信息了!


接下來就是把你的index.html和blog.js上傳到google drive裏面,先建一個新的資料夾(如myweb),把這兩個檔案放在myweb資料夾,然後接下來的步驟就是按照香腸炒魷魚的教學就可以了。


以下是我的網頁,可以給大家參考。


https://googledrive.com/host/0BxLoHIThJzOXcTdjWExoZ0wxSW8/index.htm


縮址後的網頁


http://goo.gl/ip2qx


沒有留言: