2012-08-02 126 views
23

我已經在html5中用css3創建了一個頁面。它在本地工作正常(我不使用任何服務器,只需雙擊索引打開它)。
我想把它放在谷歌驅動器。我已經加載了所有需要的文檔,但是當我嘗試打開html時,我只能看到文本(我的意思是,它沒有執行,我只能看到源代碼)。 有什麼建議嗎?從谷歌驅動器打開html

+0

您是否使用htm或html擴展名保存它,並配置了IE或其他瀏覽器以在點擊時打開它? – 2012-08-02 11:21:16

+0

我用html擴展名保存它。我試圖用瀏覽器打開它,但是當我點擊「打開」時,我只能選擇「Google Drive Viewer」或「更多應用程序」,並且在那裏,我還沒有任何瀏覽器(是谷歌應用程序) – 2012-08-02 11:24:50

+0

我可以發佈它,但它不瞭解與CSS信息,圖像等文件夾(可能它不瞭解相對路徑)任何想法? – 2012-08-02 16:17:58

回答

0

儘管驅動器允許您編輯純文本和HTML文件,但我不認爲它們允許HTML實際顯示。我不認爲他們希望從他們的驅動器空間託管網站的人。

0
  1. 在雲端硬盤中創建一個新文件夾,並將其作爲「網上公開」共享。
  2. 將您的HTML,JS & CSS文件上傳到此文件夾。
  3. 打開HTML文件&您會在工具欄中看到「預覽」按鈕。
  4. 從預覽窗口分享看起來像www.googledrive.com/host/...的URL,任何人都可以查看您的網頁。
3

我不認爲有必要使用接受的答案的方式「託管」內容。對於開發技能有限的普通用戶而言,這太複雜了。

谷歌實際上已經提供了託管功能,而無需使用Drive SDK/API,您只需點擊幾下即可。檢查了這一點:

http://support.google.com/drive/bin/answer.py?hl=en&answer=2881970

這是相同的,以user1557669的答案。然而,在步驟4中,URL是不正確的,它是這樣的:

https://drive.google.com/#folders/ ...

爲了得到正確的主機URL。右鍵單擊html文件(必須先完成1-3步,然後將html放入公共共享文件夾中),然後從上下文菜單中選擇「詳細信息」。您將在靠近詳細信息面板的底部找到主機URL。它應該看起來像:

https://googledrive.com/host/.../abc.html

然後你就可以分享鏈接給任何人。快樂分享。

+1

我無法公開分享此文件夾。複製index.html文件的URL並以私人模式打開時,我仍然只能看到文本文檔,而不能看到網頁 – maycca 2017-10-04 18:40:59

15
  1. 在雲端硬盤中創建一個新文件夾,並以「在網絡上公開」的形式分享。
  2. 將您的內容文件上傳到此文件夾。
  3. 右鍵單擊您的文件夾並單擊詳細信息。 (例如https://googledrive.com/host/0B716ywBKT84AcHZfMWgtNk5aeXM
  4. 它會啓動index.html,如果它存在於您的文件夾中,則列出您的文件夾中的所有文件。
+4

參考:https://developers.google.com/drive/web/publish- site – 2014-10-31 20:58:02

+2

看起來Drive不再打開index.html,即使該文件存在。我只收到文件列表頁面。 – appas 2015-08-30 19:45:05

+0

@appas它仍然有效,只要確保您在步驟4中使用文件夾ID修改了URL即可。 – 2015-11-30 19:35:23

-1

找到方法來查看自己的HTML文件(從這裏(向下滾動從PRAC回答):https://productforums.google.com/forum/#!topic/drive/YY_fou2vo0A

- 利用獲取鏈接獲取URL使用id = ...子 - 把UC,而不是開放在URL

+0

看來這不能按預期工作(不再?):它提供了一個下載對話框,而不是解析和顯示文件。 – appas 2015-08-30 19:51:40

0

步驟:

  1. 將HTML文件上傳到谷歌驅動器和共享爲「在網絡上公開」上傳只要確保後您的html的內容不會在驅動器中修改。
  2. 上的共享文件點擊右鍵,然後點擊「獲取鏈接」,並將其保存到記事本,將「=」符號後看起來像「https://drive.google.com/open?id=0B55nkHvMDw18T3VaYjY3NEE4SEE
  3. 取碼(約28字符的字母數字)從上面的鏈接並在'https://googledrive.com/host/'後面粘貼'https://googledrive.com/host/0B55nkHvMDw18T3VaYjY3NEE4SEE'是您實際可共享的url鏈接,使用此url從瀏覽器的地址欄中打開html文件。
23

不再可用,https://support.google.com/drive/answer/2881970?hl=en

主機網頁與谷歌驅動器

注:此功能將不可用8月31日之後,2016年

+0

你會推薦什麼來分享網頁? – 2016-11-15 01:20:13

+0

許多其他的免費託管(僅適用於開發/測試環境),對我來說https://www.netlify.com/確實需要 – 2016-11-15 04:34:39

+1

谷歌網站並不差,並使用類似的帳戶和身份驗證基礎設施:https:/ /sites.google.com/ – nealmcb 2016-12-22 16:50:52

1

很多這裏提供的解決方案似乎不再適用。我目前正在使用Chromebook,並希望查看HTML5橫幅廣告。現在通過Google雲端硬盤或其他應用程序似乎不可能(如前面的評論中所述)。

我結束了使用查看HTML5該方法如下:

  1. 打開谷歌的Adwords的廣告在頂部面板(如果你沒有一個創建一個免費帳戶)
  2. 點擊
  3. 點擊「+廣告」,然後選擇圖片廣告
  4. 選擇「上傳廣告」
  5. 拖放zip文件插入PREVI面積
  6. 點擊EW
  7. 瞧,您會看到您的HTML5橫幅在他們充滿美感

很可能有更簡單的方法,但這種方式是相當不錯的了。希望它能幫助我,併爲我效力。