2014年11月21日

Google Drive 外連產生器 V1

Google Drive 外連產生器 V1

Wayne Fu 0 A+
2015.5.8 公告:目前已經有更新版,請前往「Google Drive 外連產生器 V2」頁面。

取得 Google Drive 外連路徑不是輕鬆的事,對於使用免費網路空間的站長,這些外連檔案 html / js / css / jpg / png 等等包括圖檔,如果無法方便地複製連結,那麼長遠來看,操作 Google Drive 的不便會影響使用意願,相較之下 Dropbox 複製連結路徑的設計是很友善的。

過去 Google Drive 每個檔案大約花費 3~4 個步驟才可取得外連,請參照「Google Drive 取得檔案外連路徑」。不過最近 Google 推出新版雲端硬碟,官方已經封鎖了外連路徑的資訊顯示,我相信有其考量的因素。而國外一些線上取得檔案外連的服務,都得先連上其網站,為了廣告收入這也是可以理解的。總之目前的所有解決方案,在操作上都是繁冗不便的。

為了自己使用方便,於是動手寫了個懶人專用的產生器,如果有同樣需求的讀者,相信試用後也能感受到他的便利。



一、使用方式


為了方便使用,這個產生器做成書籤的形式。只要先連上 Google Drive,再按下這個書籤,就可在畫面右邊看到這個「Google Drive 外連路徑產生器」。



操作流程如下,可比對上圖英文字母:

A. 先按下書籤列上的書籤連結

B. 稍待一下便會出現「Google Drive 外連路徑產生器」

C. 將滑鼠移到要取得連結的檔案名稱上方

D. 在此處會即時產生完整連結字串,並自動選取,只要按下 Ctrl - C 即可複製連結。

E. 滑鼠移到別的檔案時,也會即時產生對應的外連字串

2015.1.27 補充:這個工具在新版雲端硬碟下,請切換到 "清單檢視" 模式即可正常產生連結。


使用上十分簡單,不過有些基本規則需要注意,否則會誤以為產生的所有連結都是有效的。請先閱讀「Google Drive 外連網址原理分析」,要取得外連的檔案必須放在資料夾、且需要設定公開權限,並注意哪些檔案或形式可外連,因為 Google Drive 產生的文件不能外連。



二、安裝書籤連結


<a href="javascript:var getScript=function(d,f){var e=document.createElement('script');if(e.readyState){e.onreadystatechange=function(){if(e.readyState=='loaded'||e.readyState=='complete'){e.onreadystatechange=null;if(f){f()}}}}else{e.onload=function(){if(f){f()}}}e.src=d;document.documentElement.firstChild.appendChild(e)},callback=function(){jQuery.getScript('https://googledrive.com/host/0BykclfTTti-0SlU3SDg5RUVtNlk/gdrive-direct-link-min.js')};getScript('https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js',callback);">將此連結拖曳到書籤列或加入書籤</a>


2015.5.8 公告:目前已經有更新版,請前往「Google Drive 外連產生器 V2」頁面。


有幾種安裝方式:

1. 想先測試一下效果的話,可直接將上面這個連結用滑鼠拉到書籤列,按照「一、使用方式」的說明即可使用。

2. 由於程式碼裡面的 js 連結放在 WFU 的空間,而過去發生「Google Drive(js檔)流量限速」的情形,為了避免將來某天這個小工具無預警罷工,建議讀者有空的時候,參考以上文章連結,自行將綠色字串的 js 檔分流,改成自己的連結。

3. 改完 js 連結後,如果熟悉如何製作書籤的話,請將全部的紅色字串(含分流的 js)複製,貼到書籤的連結即可使用。

4. 如果對書籤製作不熟悉,以 Blogger 為例,可開一篇新文章,貼上所有程式碼(含分流的 js),儲存後即可看到文章內的這個超連結。然後跟第 1 點的方法一樣,直接將超連結拖曳到書籤列即可使用。



三、補充


使用上有任何建議歡迎提出,另外需要注意的是,Google 的產品一向不斷地在更新,因此這樣的小工具說不定某天會因改版而失效,屆時讀者若發現異狀請再回報,會再來更新這個工具。


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

17 則留言:

  1. 哇!!解決了!!超強的!!感謝您(已存至書籤)

    回覆刪除
  2. 太好了,這樣我可以沒有顧慮地換到新版 google drive 了!

    回覆刪除
  3. 我有疑問....在安裝方式的製作書籤。新的文章是用"網頁"模式來達到隱藏嗎? 還是改發布日期到過去讓他不出現在首頁呢? 還是是用私密文章的方式發布?

    不過不管怎樣,發表新文章讀者都會收到RSS,要怎樣做才不會因為我發布"工具類"的無內容文章而不打擾到讀者呢?

    回覆刪除
    回覆
    1. 原來如此! 我都忘了我開了測試部落格可以那樣用! 思惟上一直想著在自己的主格上開這種新的文章會造成不少困擾,壓根就沒想到自己還有另外一個測試部落格了@@

      那這樣就比較好辦了! 突然化繁為簡的感覺真好 哈哈

      刪除
  4. 想到 Google Code 的前車之鑑,只好考慮減少外連檔案。

    回覆刪除
  5. 似乎要用"清單檢視",才能自動產生連結

    http://i.imgur.com/RThowcE.png

    回覆刪除
  6. 真的很好用,可是今天連結好像失效了?

    回覆刪除
  7. 滑到圖片上,連結都不會跑出來,之前用都沒問題,不知道為什麼昨天開始就不行了。

    回覆刪除
  8. 初次留言,感謝Wayne大總是提供各種實用的小工具。
    我今天試了也遇到跟7樓的一樣的狀況。
    後來發現,登出google帳號的狀況下,有用到js檔的小工具都顯示不出來了
    (例如:文章排序、關聯文章等等)
    會不會是google drive已經無法外連了呢?

    回覆刪除
  9. 非常抱歉忘了跟您說,其實我昨晚就已經把上傳到google drive的js檔,全部都改到open drive了,所以您看到才會是正常顯示。
    現在把相關文章的js檔換回google drive的地址給您參考:
    http://mon-cherish.blogspot.jp/2015/04/google.html
    順帶一提,我在登入跟登出的狀態下,看到的分別長這樣:
    http://blog-imgs-72.fc2.com/f/n/o/fnolym/t01.jpg
    http://blog-imgs-72.fc2.com/f/n/o/fnolym/t02.jpg

    回覆刪除
  10. [quote]有時複製貼上的留言,Blogger 會誤判為垃圾留言,不過不必擔心,每則留言我的郵件都會收到的 ^^[/quote]
    原來如此!我還以為是我網路不穩所以沒有發成功之類的。

    另外,非常感謝您的回覆,我終於知道問題出在哪了!!
    雖然我有把js檔的權限設為公開,但我放js檔的「資料夾」權限仍是關閉的,難怪登出的時候會顯示不出來……

    回覆刪除
    回覆
    1. 因為我擔心我的問題有人問過了,所以有稍微爬了一下文,加上最近這一個禮拜很頻繁的到您的部落格閱讀文章,總之,忘記在哪篇文章的留言看到有介紹引言的使用方式,就順便記下來了XD
      結果送出留言,引言沒有被標記,囧了一下,我還以為我是不是又漏掉了空格還是什麼,原來新文章無效啊!OTL

      刪除
  11. HI 請問還能外連嗎?之前已設定可正常使用,但今天要再來用外聯似乎有問題

    回覆刪除
  12. HI Wayne Fu 我是#11
    抱歉,我知道原因了,因為啟用到 新版的雲端硬碟導致的,關閉後就可正常使用。感謝您

    回覆刪除
    回覆
    1. 補充:在新版雲端硬碟下,切換清單模式是沒有用的!
      設定(齒輪圖示)→選擇→【離開新版雲端硬碟】

      刪除
  13. HI Wayne Fu
    1.請教一下小工具目前已警撤下了嗎? 目前無法使用中....
    2.請教依照【二、安裝書籤連結】請問是要先將JS檔上傳到空間,再把綠字改為JS檔的網址嗎?再製作書籤即可?
    抱歉!不是很了解,懇請指教。

    回覆刪除
  14. 谢谢!已经学会了怎么分流!读你的博文,总是很有收获!点击了广告,感谢你的辛苦劳动!

    回覆刪除

張貼留言注意事項:

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

TOP