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

Written by on 16 5 月, 2013 in Uncategorized
標籤:

之前看到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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。

Comments«