2014年11月21日

[Google Drive 外連產生器] 一秒鐘輕鬆複製連結, 圖片適用, 支援新舊版雲端硬碟

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 相關文章:

30 則留言:

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

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

    回覆刪除
    回覆
    1. @ken, 不客氣~

      @Joshph, 其實新版 google drive 的介面我一直用不習慣, 如果你比較喜歡新版的話, 可以分享一下新版的優點在哪嗎?

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

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

    回覆刪除
    回覆
    1. "用 網頁 模式來達到隱藏嗎" → 這個方法不錯, 不想讓讀者看到的話

      其實重點只是讓這個超連結出現,可以拉到書籤列就好,然後就可將文章刪了,所以你可以開個專門測試用的部落格來處理這類的事、或是拿來測試外掛工具。

      用 "開一篇新文章" 比較好說明,不然的話使用線上服務 codepen 這一類的更快、更方便,只是還得附說明就懶了...XD

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

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

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

    回覆刪除
    回覆
    1. 當初 google code 關閉真是災難, 所有外連要重新處理...><
      不過 google drive 的地位比 google code 重要多了, 感覺上 google 不太敢貿然放棄~

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

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

    回覆刪除
    回覆
    1. 是的,這個工具在新版雲端硬碟,是針對 "清單檢視" 才能產生效果。文中好像忘了提這一點,感謝提醒,來補充上去 ^^

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

    回覆刪除
    回覆
    1. 那個連結失效呢?
      今天試了,沒發現問題~

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

    回覆刪除
    回覆
    1. 不好意思, 你的描述方式我幫不上忙喔,我用 chrome 沒什麼問題.
      請參考「提問注意事項」, 例如提供你的瀏覽器版本或更多訊息

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

    回覆刪除
    回覆
    1. Mon 你好,因提到「文章排序、關聯文章」等工具,到你的網站看了一下,都是可以正常顯示的,因此 "會不會是google drive已經無法外連了呢?" 這個狀況應該是有時正常、有時無法外連。

      請詳讀「二、安裝書籤連結」→ 第 2 點的參考文章連結「Google Drive(js檔)流量限速」,依指示將所有外連 js 分流。如果直接使用我的 js 檔,那麼三不五時就會發生無法外連的情形,因為所有人都共用該 js 檔的流量。

      刪除
  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

    回覆刪除
    回覆
    1. 有時複製貼上的留言,Blogger 會誤判為垃圾留言,不過不必擔心,每則留言我的郵件都會收到的 ^^

      從你的描述來看,已經做分流的動作了,而如果登入跟登出會導致 js 無法讀取的話,那我判斷是你的 js 權限設定問題。請參照「一、使用方式」→ 最後面紅字的說明,以及閱讀「Google Drive 外連網址原理分析」這篇文章的說明,檢查你的資料夾以及 js 檔是否權限為 "公開".

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

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

    回覆刪除
    回覆
    1. Good! 解決了就好。

      BTW,雖說初次留言,你怎麼會知道 [quote] 這個標記呢?這個引言功能在比較舊的文章才能生效,新文章則無效,所以我的「留言說明事項」在幾個月前,就拿掉引言功能標記這項說明了呢~~ @@"

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

      刪除
    3. 原來如此,我最喜歡肯作功課的讀者了 ^^
      有問題歡迎提問~~

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

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

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

      刪除
    2. 這個工具的設計是有支援新版雲端硬碟的,不過剛剛用 chrome 測試,的確新版雲端硬碟失效了!我來修正一下程式~

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

    回覆刪除
    回覆
    1. 已經發佈 V2 版本,新的版本請記得分流,參照相關教學連結說明即可。

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

    回覆刪除
    回覆
    1. 謝謝~怕你裝錯,這篇是舊版,記得裝 V2 版喔!

      刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
提問請附網址、詳細描述狀況,如提供的資訊不足,則無法回覆。
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 若詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為 "複製貼上" 的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。
◎ 本站「已關閉自刪留言功能」。