在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