Google Drive 雲端硬碟應用,在 Google Drive 也能建立 HTML 網頁直接瀏覽

2012/12/09 雲端服務

在去年阿湯曾經介紹過在 Dropbox 上可以建立 HTML 的網頁供別人瀏覽,那麼有人應該會跟我一樣好奇,「Google Drive 雲端硬碟」能不能也做到相同的功能,研究了一下,答案是可以的,而且很簡單,這對於常要 Demo 網頁給別人看或是其它相關需求來說相當便利,再搭配 GDrive 的電腦端軟體,就可以直接在電腦上進行編輯,即時同步上傳觀看結果,也可以應用在和朋友之間共享同一資料夾,互相編輯 HTML 內容,一起討論,更多應用就看你想怎麼做囉。

如何在 Google Drive 建立 HTML 網頁?

先在要放入 HTML 網頁檔案的資料夾開啟共用。

01

共用時變更一下檢視權限。

02

選擇「公開在網路上」。

03

然後記下上方的共用連結後,按下完成。

04

上傳你要放置的網頁檔案上去,主頁記得要用 index.html。

05

然後看一下剛剛取得的共用連結,比如我剛剛的是

https://docs.google.com/folder/d/0B75wDHn7xvXieU4zUDZpNzJUU0E/edit

請去頭去尾,留下那串「0B75wDHn7xvXieU4zUDZpNzJUU0E」,然後改成這樣

https://googledrive.com/host/0B75wDHn7xvXieU4zUDZpNzJUU0E/

應該看的懂,只要在那串前面加上「https://googledrive.com/host/」即可,再貼到瀏覽器就可以瀏覽囉,上面那串也是 Demo 網址,大家可以看看,如果嫌網址太長可以配合短網址使用。

06

你可能對這些內容也有興趣

作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

14 個留言

  1. NANA表示:

    谷哥會要求登入,登入後出現{404. That’s an error.

    The requested URL was not found on this server. That’s all we know.}

    阿湯 說:

    現在不確定是否還適用

  2. 鍾佩君表示:

    那請問如果把做好的DW網頁傳上後
    開啟網址的頁面 我的網頁圖片無法顯示是為何?

    阿湯 說:

    你圖片也要上傳到圖片空間呀

  3. miz表示:

    在index的頁面 有個送出鍵 ~~ 他會送資料到下個php檔案 統計出某些資料

    阿湯 說:

    可能就沒辦法囉~

  4. miz表示:

    那想請問 要是有跳轉往頁的怎麼辦?

    阿湯 說:

    在哪邊跳轉呢?

  5. skyr表示:

    請問,共享後的檔案,有沒有可能在分享連結不變的情況下,抽換檔案呢?(pdf檔)

    阿湯 說:

    好像不行哦

  6. 小壞蛋表示:

    index.html修改後,重新上傳,但網址又變了。
    要如何維持網址不變?

    阿湯 說:

    原則上是沒辦法

  7. 小小八表示:

    請問我在雲端上面的網址 怎麼登入到搜尋器上讓別人搜尋
    求解!!!

    阿湯 說:

    網頁一陣子之後就會被搜到了

  8. vw表示:

    請問一下,用google-drive建立了個人網頁之後,可以放google的廣告嗎?

    阿湯 說:

    應該是可以

  9. fish表示:

    阿湯..不好意思…怎麼我共用完後都惠便自己下載下來呢???
    感謝><

    阿湯 說:

    共用了什麼內容呢?

  10. Chester表示:

    為何是不安全連線? 用IE會直接跳出警告視窗…
    (Firefox、Chrome 只提示這個網頁不安全)

    會顯示https:// 我想變成 http://

    上傳後只有部份加密,要怎樣跟資料夾目錄一樣有”鎖”的圖示?
    我的鎖不是安全的綠色鎖(Chrome),連線可以取消加密嗎?
    可是我又怕資料傳輸有危險….

    剛剛有Google,好像是要SSL憑證。 這要如何取得? 好像要$$,很貴嗎?

    阿湯說:

    google 本來就都是加密連線哦,SSL憑證不是用在這裡的

  11. Even表示:

    請問如何配合短網址使用?
    這裏不像site44在dropbox那樣可以直接在godaddy裏設置CNAME(Alias)的跳轉。

    阿湯說:

    只能直接縮囉 goo.gl

  12. 冯海涛表示:

    https://googledrive.com/host/0B_Go0JxqqPN1VVpKVmRJOWludnM/# 可以了,试着把twitter的导出文件放到google drive中。 另外问一下,有没有chroem插件或是其他的方法可以一键直达网页,不用复制那一串代码?

    阿湯說:

    應該沒有

  13. 小雨表示:

    並不一定要public,分享權限設為「Anyone who has the link can view」也是可以的

    阿湯說:

    嗯嗯

  14. Austin表示:

    YA請問能否提供你放上去的網頁供參考, 謝謝!

    阿湯說:

    文末最後一個網址就是了

發表留言 »

姓名(*)
信箱(*)