2012/02/20

Hosting the js and css resource file

使用google blog時,額外載入的javascript、css檔該放在哪裡?
<link href='http://host/test.css' rel='stylesheet' type='text/css'/>
<script src='http://host/test.js' type='text/javascript'/>

下面提供幾種方法讓各位參考:


Google sites (協作平台)
1. 建立一個協作平台
2. 新增頁面,類型選擇『檔案櫃』
3. 設定共用權限為『公開在網路上,所有人皆可尋找和檢視』
4. 複製下載連結 Ex:
https://sites.google.com/site/blog-resource/file-cabinet/test.js?attredirects=0&d=1
去掉http(s),以及?後面的字眼,最後變成:
http://sites.google.com/site/blog-resource/file-cabinet/test.js

*限制:只限blogspot.com結尾的網域去load,像我在blog額外加自己的網址 01-labro.com 則會下載不到,如果是其他網域就更不用說了


Google project hosting
1. 進入後選擇『Create a new project』
2. 填完基本資料後就可以開始上載檔案

3. 最後複製檔案連結,大概是長這樣
http://blog-resource.googlecode.com/files/test.js

*限制:不限網域,但我的css一直載不進來,js則ok。


Dropbox
這是最簡單的方式,把檔案放到dropbox的public folder,然後copy link就可以拿到URL了。



不論速度還是穩定度,應該都是google的最佳!




沒有留言:

張貼留言