2013年6月18日

取代 Google Code 外連 js 檔的選擇__Google Drive(取得檔案外連路徑的簡易方法)

取代 Google Code 外連 js 檔的選擇__Google Drive(取得檔案外連路徑的簡易方法)

Wayne Fu 0 A+

(Pic from: pocketables.com)
感謝 +Ken Lo 通知,之前的文章「Google Code 簡易使用教學」方法已經失效,原來官方已於 2013/5/22 宣布中止新使用者的上傳下載服務──「A Change to Google Code Download Service」,如此將來得尋找新的 js 存放空間才行。

官方建議的替代方案為「Google Drive」,以下先解釋一下事件的影響與始末,想直接操作 Google Drive 請跳「三、Google Drive 的操作」。


2014.11.21 公告:如果你的 Google Drive 已經升級為最新版的介面,請使用這篇「Google Drive 外連產生器__一秒鐘輕鬆複製連結」。


為了怕新讀者沒看過之前的文章,不清楚為何一定要幫 js 檔找外連空間,以下複製上一篇的部分內容──

部落格使用外掛或是外連 js 檔時,最讓人無法安心的就是外部伺服器不穩定、 js 檔失效(或失連)了。外部伺服器是我們無法控制的,而外連 js 檔若是能改放到自己的網頁空間,那就能放心不少。

很受歡迎的 blogger 文章分頁功能,滿多使用者是安裝「abu-farhan」這個網站的 hack;在「Blogger中文社群討論串」介紹了這個網站,經由 L.C. Zhang 的留言回報,原來最近作者提供的 js 外連失效,我也發現一些友站的分頁功能就此而消失了。

因此,以後部落格若是安裝了需要外連 js 的 hack 或外掛,最保險的方法就是先將原作者的 js 檔下載,存放到自己的 Google Code 空間,再將 js 連結置換為自己的,這樣就萬無一失了。


一、原本放在 Google Code 的 js 是否有影響?

根據「官方發佈消息」,歸納重點如下:

1. 新使用者無法上傳檔案

2. 原使用者仍可繼續使用上傳功能,惟期限至 2014/1/14 為止;從 2014/1/15 開始,全面中止新的上傳檔案。

3. 原本已經上傳的檔案,仍然可以外連,沒有期限限制

所以說,從 2014/1/15 之後,現有的使用者就必須使用別的空間上傳 js 檔了



二、為何 Google Code 中止新使用者的服務?

根據官方的說法,Google Code 提供了存放程式碼的空間,然而許多不當使用者拿來存放 "非程式碼" 的檔案,濫用的結果增加了 Google Code 的維護成本,只好中止這個服務。

而在調查這個事件的同時,的確發現有人這麼使用,例如這個網址:

https://code.google.com/p/sharemovie/downloads/list



裡面有種子、文件檔、執行檔...等一堆,就是沒有程式碼。因此官方這個說法非常合理,是可以接受的。

不過若先將官方說法放一邊,由於近期 Google 的「整合」政策,加上大力推動「Google Drive」,個人推測 google code 最終難免成為犧牲者,而目前遭到濫用的情形,則是成為中止服務的的推手。



三、Google Drive 的操作

以下雖以 js 檔為說明範例,不過實際上對於其他類型的檔案上傳、外連也是一體適用。

首先登入 Google 帳號,進入 Google Drive 首頁──

https://drive.google.com/




按「建立」→「資料夾」(如果要直接建立「文件」也行,但如果要管理全部 js 檔的話,使用本文的操作步驟比較方便)




輸入資料夾名稱,例如 "js"。




產生新的資料夾 "js" 後,按其右邊的三角形按鈕(如圖中紅圈) →「共用」→「共用」




按圖中紅框的「變更」,必須將權限設為公開,檔案才能外連。



如圖中所示,設定成跟紅框一樣即可,再按「儲存」。回到前一個畫面後,按「完成」即可。




接著可以開始上傳檔案,進入要上傳的資料夾(如圖,"js" 資料夾變成紅色),再按紅圈的上傳按鈕。




選取電腦中的檔案上傳後,會出現圖中的訊息,按「上傳並共用」即可。Google Drive 上傳檔案的操作到此告一段落。

2013.8.10 補充

在「本站 js 檔外連暫時失效 請等待更新」的事件無意中發現,上傳到 Google Drive 的檔案可以使用滑鼠 "拖拉" 的方式,也可以選定多個檔案後一起 "拖拉" 到 Google Drive 上傳,實在太方便了!!



四、Google Drive 取得檔案外連的簡易方法及範例

2013.10.17 補充

如果以下的方法無法顯示外連路徑的話,很可能是因為把檔案上傳到 "根目錄" 的原因。 解決方法為把檔案上傳到 "資料夾",並請參考這篇文章「Google Drive 取得檔案外連網址的簡易方法__原理分析及案例整理


1. 找出檔案連結

2014.11.21 更新:如果你的 Google Drive 已經升級為最新版的介面、或是使用最近申請的 Google 帳號(強制使用新版介面),那麼將無法從以下流程找到檔案外連路徑,請使用這篇「Google Drive 外連產生器__一秒鐘輕鬆複製連結」。

2014.4.17 更新:由於 Google Drive 操作界面改版,以下為新界面的操作方式:



接續「三、Google Drive 的操作」,當檔案上傳完畢後,如上圖 A~D 順序操作:
  • A. 選取檔案
  • B. 點選紅框的這個圖示
  • C. 點選「詳細資料」
  • D. 這裡的網址即為外連路徑

以上圖中的檔案為例,外連網址將是:


2. 使用範例

「translate.js」這個檔是翻譯網頁內容的 js,會產生幾個國旗按鈕來翻譯網頁(如本站右上方按鈕)。使用很簡單,將上面產生的外連網址,放入以下語法:

<script src="https://googledrive.com/host/0BykclfTTti-0SlU3SDg5RUVtNlk/translate.js"></script>
接著在網頁想顯示的地方、或是開一篇文章(部落格要能支援 js),加入以上語法即可測試這個檔案的外連效果。(想自訂更多參數,請參考「讓 Google 網頁翻譯工具以(國旗)超連結執行」)



五、小結

從以上操作來看,Google Drive 上傳檔案、外連都還滿容易的,空間又大(有 15G 的容量)。

不過,如果「二、為何 Google Code 中止新使用者的服務?」的類似事件再度於 Google Drive 重演的話,Google Drive 是否封鎖某些可能導致侵權的檔案類型、或是會有什麼舉動,例如限速、限制流量等等的,就不得而知了。

因此還是呼籲一下,在 Google Drive 請避免放置有違法疑慮的檔案,讓大家都能持續有免費、快速的空間可使用吧!


Google Drive 相關心得:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

3 則留言:

  1. 現在第一次連googledrive會很慢

    回覆刪除
  2. 是啊,我原本完全不懂外連這個密技,通通放在範本或小工具裡,結果密密麻麻看不懂,後來使用Google 雲端硬碟存放 CSS、JS 檔案,再將取得的網址外連到範本中,發現這樣也有效。

    所以網誌目前80%的程式碼與樣式都是外連的,你提供的下拉是選單CSS樣式,也上傳到雲端硬碟,包含整個fancybox燈箱資料庫也是外連的 XD。

    目前就擔心Google 以後會限制外連....

    回覆刪除
  3. 今天(02/06),所有的 js 檔無預警失連,這真的是一個大災難,你公告說這是「Google Drive 故障」,希望真的只是故障,就怕是Google 故意限制 js 外連。

    回覆刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP