2009-05-07

Blogger 放檔的好選擇 - Google Code

之前發現,Google Page Creator (Google Pages) 要倒店關門的消息,我就一直在找更好的地方,用來放我 Blog 會用到的各種小圖和外連檔案(不然每次登入 Google Pages,都要恐嚇我一次,我所有的資料都要被強制移到 Google Sites 了),試用了一陣,本來覺得即將取而代之的 Google Sites 也不錯用,正打算大舉遷移,把檔案和連結都搬過去之際,突然緊急煞車,發現 Google Sites 不能這樣用啊!目前它有兩個關鍵性的障礙:

  1. 不准上傳 HTML 或 Javascript 之類的程式碼。對很多朋友來講,這可是嚴重的缺陷,因為有不少人習慣把外掛 Blogger 的模組,都寫成獨立的 js 檔,載入頁面時再用 include 的方式呼叫,改版時只要兼顧相容性,不用再動到網頁樣板的原始碼,維護也比較獨立和方便。原先的 Google Pages 並不阻擋,但到了 Google Sites 卻拒絕上傳(說是安全性考量),這一點就讓不少人打退堂鼓了。
  2. 不支援 GIF。這一點我就非常非常不能接受了,Google Sites 是用來建立「個人網站」、來做協作的平台,有聽過提供這類服務但不支援 GIF 圖檔的嗎?!一開始我還沒發現,因為 GIF 圖檔是可以上傳的,一般靜態標準的 GIF 圖檔看起來都沒事,但嵌入網頁外連所有圖片時才發現,不正常的情況來了!首先是透明底圖 (Transparent GIF),在 Firefox 沒事,但用 IE (IE6) 看卻不再透明了,就算你想換成透明底圖的 PNG 檔,舊版 IE 不支援、新版 IE 照樣不能透明!其次,動態圖片 (Animated GIF) 照樣沒作用,這次連用 Firefox 也沒效果,Google 找了半天,得到的竟然官網的回答:「Google 協作平台目前不支援動畫 GIF。如果要使用動畫 GIF,則需要將它裝載在協作平台外部,並使用它的裝載網址進行連結。」看到這句,檔案還要放在「外部」,我真的無言了~(據說還是安全性考量.. XD)

以前還一度以為是外連檔案後面那個謎字串 ?attredirects=0 搞的鬼,因為之前測試加了該字串好像會正常,但其實是因為當下我有登入 Google Sites 的關係。至此,我想我是完全放棄用 Google Sites 來取代 Google Pages 了(這狀況已經一段時間,我也上 Google Groups 去反應,看來還是沒進度)!在尋找其他解的過程中,看到了有人推薦使用 Google Code、一項 Google 提供給使用者用來公佈及開放程式碼的平台,為了讓用戶能自由下載、修改和分享程式和專案的原始碼,該服務平台也有提供 File Hosting 的機制,讓專案主人能放置檔案公開分享和連結使用。當然,這些公開的原始碼檔案也提供像是版本控制、描述分類等專案控管的機制,還有 Wiki 和 Issues 讓管理者和使用者能控制和掌握專案的進度和變動(還支援 Google Analytics 來監看存取流量),算是一個相當簡單、又配備大部分該有功能的程式碼控管平台。

對我來說,現階段最重要的當然是小圖檔的 Image Hosting,還有少部份幾個外連用的小檔案。既然是該服務是分享「Code」,未來我也考慮把自己的樣板原始碼公佈出來,甚至將有在用的 Blogger Hack 抽離成一隻隻的 js 檔,這樣用 Google Code 來放置檔案,也才更理所當然,是吧?仔細看看 Google Code 的限制:一個專案空間限制單檔最大 100MB、總容量 2GB、不限網路流量、使用 *.googlecode.com 格式二級域名(但不支援自訂網域)、一個帳號最多可以開十個專案,哇!拿來做我 Blog 的 File Hosting 絕對是綽綽有餘啊!實際試了一下圖片外連,不管什麼格式,顯示下載都很快很正常,測試幾天後,沒想太多我就把檔案統統都搬過去啦!透過之前介紹過的技巧,我大概只改了三行原始碼,就讓所有的 Blog 小圖檔統統轉向到 Google Code 去,果真是 Blogger 放檔的好選擇啊!如果不介意,還可以公佈自己的 Blog 樣板(透過版本控制當備份)和用到的所有 js 檔(不要再盜連了),這樣也符合 Blog 原始碼開放的需要,速度和反應都很不錯,除了擔心對岸會「牆」掉 Google 服務的疑慮(沒差,反正我的 Blog 也是在 Google 的 Blogger 上),不用擔心它會倒掉或關閉(現下用的人很多),看來可以好好頂一陣子了!

我想 Google Code 應該不用教學怎麼使用,只要有 Google 帳號、連到 Google Code 首頁 、選擇「專案託管」、在畫面中央直接選 Create a new project,填好 Project 名稱(這名稱會決定你的二級網域名)和相關資料,專案就開好啦!接著玩一玩專案設定,切到到 Downloads 的分頁,就可以上傳下載自己的檔案了。申請前有興趣可以參考我 Blog 都已經換用的專案:abinlink。推薦因應 Google Pages 倒閉、Google Sites 又不濟事,和我一樣需要空間來放置小檔案的人來參考~(希望不要被拿來愛亂分享大檔的人搞爛就行了~)

回應: 22

VampireNeo 提到...

的確是一個不錯的選擇!

匿名 提到...

不過可能要小心, 會被無預警關閉帳號.
我的 project 前前後後被關了3次.
最後一次就是把我的帳號關掉.

- - - - - - - - - -
Access Not Allowed
What happened?

You are not allowed to access this service.

Please contact us if you believe that you should be able to access this service.
- - - - - - - - - -

歸咎原因, 應該是流量太大, 不然就是被小人檢舉.

riceone 提到...

據我所知雖然是無限流量,但流量太大還是會被砍帳號,因為之前就傳過災情

Abin 提到...

謝謝各位的經驗分享,說實話,好東西就一定會被濫用,濫用就該好好處理。我並不知道在上面放 Blog 的小圖檔連結(流量很小但存取頻繁),算不算不合理的用法,但據我所知,有不少給網站用的 Javascript 檔,一樣是供網站連結、和小檔一樣的「分享」模式,一樣算是開源專案,流量小、但存取頻繁,只要這類專案是合法的,那我的應用應該也不會有事才是,我是這樣想啦!
不過如果是想當網路相簿、檔案下載分流,用流量來抓應該很容易被發現,使用上還是要小心點。

Abin 提到...

另外,要不時注意自己檔案的 DownloadCount,自己的 Blog 沒有大流量,但如果數字長得太快,肯定是有盜連了,要趕緊改檔名來阻止。
看來獨立 Javascript module 成 JS,最容易被盜連,要分享還是擺壓縮檔吧!

da 提到...

我的作法是
如果是圖片,就放在picasa或是flickr,這樣沒有外連的問題,整理也方便
如果是檔案,就放在Google Sites裡面
如果是Google Sites不接受的格式...............還沒遇過,看來下次可以用版主的建議了

Abin 提到...

To da:
我現在就是,一般文章內的圖片透過 Blogger 的上傳機制放到 Picasa 裡,照片放在我付費了的 Flickr,但一般 Blogger 內用的版面小圖示(我有三十幾個),Picasa 網址太長又不唯一、flickr 也不好放,只好另外放在其他地方了。

小玉 提到...

您好 看了您的介紹,也申請了此服務
只是因介面全英文,現下只摸索到如何上傳檔案的部份
如果想將上傳錯誤的檔案砍掉,不知道要到哪個功能介面去做刪除

懇請您的回覆告知。

另使用blogger空間至今,參考您所寫的教學文,非常實用。
於此再次的感謝您過去撰寫的一些教學文

Abin 提到...

To 小玉:
檔案要刪除,你要先到 Download 的分頁裡,「點進該檔案的描述和分類」,除了可以看到該檔案更詳細的資訊外,畫面右上 Search 按鈕的旁邊會有一個 Delete 的連結,可以讓你逐個刪除檔案。你可能是點到了「檔名」,那只會讓你「下載」該檔案,因此找不到刪除的地方。

大牛 提到...

請教一下,您左邊的sidebar是在那邊設定底色呢?如果直接在#sidebar下面設定底色的話會變成整片都是,希望是跟您一樣是分區塊的底色。感謝您!

Abin 提到...

To 大牛:
首先,你的留言問題和本文內容無關。
其次,設定底色的問題,取決於你的樣板設計。我使用的樣板裡,針對每個區塊,有一個 CSS 變數叫 blockbgcolor,因此我不用改 #sidebar 的定義,改區塊背景即可。你的樣板原始碼裡並沒有提供這個變數,可能要換樣板、或是自己改寫樣板程式碼,才能用變數替換區塊的底色。

Mochi 提到...

很棒的建議,最近正煩惱該把page裡的檔案放哪呢。謝謝

Unknown 提到...

参考你的一些文章内容,很好!
也同时把你加进我的首页友情联接里,首页下面的“Blogger教学”就是。
谢谢你的知识!
卧野观天:革命最好赚!

fREE2Software 提到...

HI~
Google Code 是非常好用~尤其掛JS檔!

不過~如果流量太高還是會被刪除(我只掛blog圖及數個js)
我就是這樣子被發現吧,PageViews 每日1.5-1.8萬

被刪後~也到相關google討論區問
admin 也提到我被刪的原因,是使用不當

現在只好將blog圖掛回blogspot(改小許連結語法就可以了)
但js檔非常頭痛@@~

Abin 提到...

To fREE2Software:
您提到的確是最關鍵性的問題,Google Code 的流量限制是拿來放 Blogger 資源最大的絆腳石,所以到現在我還是要三不五時檢查 file hosting 的流量,如果被盜連就要趕緊換檔名、而且只能放小檔案,所幸我的 Pageview 一向不高,所以當作個人 Blog 使用還是安全,如果頻寬需求大的話還是不適合放在 Google Code 上。

文楓 提到...

我上傳了XML 及 SWF 都不會跑,(玩Wijering Flash MP3 Player程式內崁)
http://code.google.com/p/blogfilehost/downloads/list
ALL-XX 內崁XML 及 SWF
都沒動靜~
會是我連結放錯ㄇ(我在檔案旁->複製捷徑做為連結)
文楓
weng-fong@hotmail.com

Abin 提到...

To 文楓:
我是使用內嵌的檔案語法(像是引用 javascript, 圖檔),這個空間不是讓你直接連結用的(ex. htm, 會變成檔案下載),你在這個頁面看到的所有圖示檔案就都是這樣做的(看本網頁原始碼就知道了)。

gaingame 提到...

yeah, i am in your side.

cxxlman 提到...

能不能簡單說明一下在網頁中要嵌入一個放在 google code 的 swf 檔要怎麼做

cxxlman 提到...

知道怎麼做了,不要上傳到 downloads 裡, 而是要用 TortoiseSVN 上傳到 Source 裡,這樣就能用 <embed> 、 <object> 、 <iframe> 或 swfobject 外掛的方式直接嵌入

William Leonhard 提到...

GIF是可以使用在GoogleSite上的唷~

Unknown 提到...

Abin 您好~按照您的教學步驟,我到了Create project之後,卻找不到Download的選項 所以也無法上傳JS檔,不知道是哪裡出錯了呢?

上排只顯示
(Project Home) (Wiki) (Issues) (Source) (Administer)

卻沒有顯示Download的分頁

張貼留言

歡迎留言或發表意見,不過要理性不做人身攻擊。匿名的朋友得到回應的速度會比較慢喔~
發問相關的禮貌和規矩請先參考這篇文章,不當留言、和本文無關的回應可能會被直接刪除無視喔!