在 Google Drive 雲端硬碟建立 HTML 網頁並直接瀏覽的方法,主要是將存放網頁的資料夾權限設為「公開在網路上」,上傳 index.html 後,取出共用連結的 ID 並加上專屬網域即可達成。
為什麼要在 Google Drive 建立 HTML 網頁?
在 Google Drive 建立 HTML 網頁最大的好處,就是能快速 Demo 網頁設計結果給客戶或朋友看,並且方便共同編輯。
在去年阿湯曾經介紹過在 Dropbox 上可以建立 HTML 的網頁供別人瀏覽,那麼有人應該會跟我一樣好奇,「Google Drive 雲端硬碟」能不能也做到相同的功能,研究了一下,答案是可以的,而且很簡單,這對於常要 Demo 網頁給別人看或是其它相關需求來說相當便利,再搭配 GDrive 的電腦端軟體,就可以直接在電腦上進行編輯,即時同步上傳觀看結果,也可以應用在和朋友之間共享同一資料夾,互相編輯 HTML 內容,一起討論,更多應用就看你想怎麼做囉。
開放 Google 雲端硬碟資料夾權限的步驟
要讓網頁能被順利讀取,第一步必須先將存放 HTML 檔案的資料夾權限設定為公開。
- 先在要放入 HTML 網頁檔案的資料夾上點擊右鍵,開啟共用。

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

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

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

上傳網頁檔案與取得專屬瀏覽網址
權限設定好後,接著只要上傳網頁檔案,並修改共用連結的網址結構,就能在瀏覽器中直接觀看網頁。
- 接著上傳你要放置的網頁檔案上去,請注意,主頁記得要用
index.html。

- 然後看一下剛剛取得的共用連結,比如我剛剛的是:
https://docs.google.com/folder/d/0B75wDHn7xvXieU4zUDZpNzJUU0E/edit
- 請去頭去尾,留下那串資料夾 ID(例如「0B75wDHn7xvXieU4zUDZpNzJUU0E」),然後改成這樣:
- 大家應該看的懂,只要在那串前面加上「https://googledrive.com/host/」即可。最後再貼到瀏覽器就可以直接瀏覽囉!上面那串也是我的 Demo 網址,大家可以看看,如果嫌網址太長可以配合短網址使用。

常見問題
在 Google Drive 建立網頁有什麼好處?
可以方便快速地 Demo 網頁給客戶或朋友看,若搭配電腦端同步軟體,還能直接在電腦編輯、即時同步,甚至與朋友共享資料夾共同討論 HTML 內容。
上傳的網頁檔案有什麼命名限制嗎?
有的,作為網站首頁的主檔案,檔名必須命名為「index.html」,這樣系統才能正確讀取並顯示為網頁主頁。
覺得 Google Drive 產生的網頁網址太長怎麼辦?
如果覺得加上 ID 後的專屬網址太長不易分享,建議可以搭配各種短網址服務,將長網址縮短後再提供給別人瀏覽。
(本文於 2026 年 10 月更新:補充步驟說明與常見問題)




