免費軟體與線上工具1,417影音、圖片與 PDF9153C 開箱評測895生活、旅遊與遊戲798iPhone 與 Mac548LINE 與社群533Google 服務467Windows 與電腦455Office 教學425Android 手機402網路新知372AI 工具126
Google 服務

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

在 Google Drive 雲端硬碟建立 HTML 網頁並直接瀏覽的方法,主要是將存放網頁的資料夾權限設為「公開在網路上」,上傳 index.html 後,取出共用連結的 ID 並加上專屬網域即可達成。

為什麼要在 Google Drive 建立 HTML 網頁?

在 Google Drive 建立 HTML 網頁最大的好處,就是能快速 Demo 網頁設計結果給客戶或朋友看,並且方便共同編輯。

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

開放 Google 雲端硬碟資料夾權限的步驟

要讓網頁能被順利讀取,第一步必須先將存放 HTML 檔案的資料夾權限設定為公開。

  1. 先在要放入 HTML 網頁檔案的資料夾上點擊右鍵,開啟共用。

01

  1. 在共用設定視窗中,點擊並變更一下檢視權限。

02

  1. 在權限清單中,選擇「公開在網路上」。

03

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

04

上傳網頁檔案與取得專屬瀏覽網址

權限設定好後,接著只要上傳網頁檔案,並修改共用連結的網址結構,就能在瀏覽器中直接觀看網頁。

  1. 接著上傳你要放置的網頁檔案上去,請注意,主頁記得要用 index.html。

05

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

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

  1. 請去頭去尾,留下那串資料夾 ID(例如「0B75wDHn7xvXieU4zUDZpNzJUU0E」),然後改成這樣:

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

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

06

常見問題

在 Google Drive 建立網頁有什麼好處?

可以方便快速地 Demo 網頁給客戶或朋友看,若搭配電腦端同步軟體,還能直接在電腦編輯、即時同步,甚至與朋友共享資料夾共同討論 HTML 內容。

上傳的網頁檔案有什麼命名限制嗎?

有的,作為網站首頁的主檔案,檔名必須命名為「index.html」,這樣系統才能正確讀取並顯示為網頁主頁。

覺得 Google Drive 產生的網頁網址太長怎麼辦?

如果覺得加上 ID 後的專屬網址太長不易分享,建議可以搭配各種短網址服務,將長網址縮短後再提供給別人瀏覽。

(本文於 2026 年 10 月更新:補充步驟說明與常見問題)