[Google] 在 Google Drive 上架設個人網站

image

   早幾天,Google 在開發者部落格中宣佈 Google 雲端硬碟開始支援用靜態網頁架站,這意味著用家可以用 HTML、HTML5、CSS 和 Javascript 在這個不限流量、擁有龐大空間的 Google Drive 上免費架設個人網頁。希望架設靜態小型站但又找不到穩定免空的網友不要錯過嚕。

Google Drive 網址:https://drive.google.com

網站展示:https://googledrive.com/host/0B97kwv3iQTFyeU1mYUt2RmVrdFk/

 

如何在 Google Drive 架設 HTML 網站

  • 首先,在 Google Drive 上新增一個資料夾

image

  • 然後按 共用 –> 共用

image

  • 存取權改為 “公開在網路上”並儲存

image

image

  • 把網頁檔案上傳至 Google Drive

image

  • 複製 Google Drive 資料夾的 ID

例如:(紅字為 ID)https://drive.google.com/#folders/0B97kwv3iQTFyeU1mYUt2RmVrdFk

  • 把網址改為 https://googledrive.com/host/剛複製的資料夾 ID,按 Enter
  • 大功告成

image

PS: 用家可以把多媒體檔案上傳至同一資料夾,然後在 index.html 中調用出來

image

image

如果各位對於 Google Drive 架站教學有甚麼問題或意見,歡迎留言與我交流一下喔:-)

Simon Tsang

用心記錄所見所聞、所思所想

40 則留言:

  1. 站長.我有一些刷ROM的問題想問.但又不知在那裡問好.

    我把我的S3刷了CM10(http://www.hk-android.info/archives/41266)但裡面的NFC功能又不能用,我有試把其他ROM的NFC.APK等file刷進去.但又不行...

    亦有在google找尋nfc刷機包/nfc 補充包等..但又是沒有一個是可行.

    試問你能否幫我解答問題?若能,萬分感激.

    回覆刪除
    回覆
    1. @Cheung chun kit
      真的非常抱歉,小弟對 NFC 沒有研究...

      刪除
  2. 抱歉
    我問一下
    "index.html"要用啥編輯
    可否教我一下
    很想學架設"極度簡單"的網站

    回覆刪除
    回覆
    1. 還有
      可否把您在這個測試網頁的檔案給我
      我想看一下

      刪除
    2. @GT-S5830I
      用 NotePad 或 NotePad++

      取得測試網頁code:打開網頁,右鍵->檢視原始碼

      刪除
    3. HTML基本練習:https://googledrive.com/host/0B96k78Hsh8noVU5HemYwMlVoWEU/2013-01-21.html
      (上面網頁中的連結才是重點,按下去就知道)

      我本來就會寫HTML,只是找不到粉穩的空間...
      看來這次 Google Drive 很慈悲來的

      我先用線上HTML編輯器把我要的內容先打好,再複製到記事本,然後存檔成XXX.html,在按照本文的教學去玩....

      刪除
    4. @chester
      呵呵真的很方便

      刪除
  3. 抱歉
    我自己上傳了MP3檔
    但是沒辦法撥放
    我有改語法了
    但是沒辦法
    https://googledrive.com/host/0BxNoyjsqjv7nZlE3c28zT0w3NVU/
    這個
    還有
    要怎加入超連結
    http://visdacom.com/Website_Design/HTML/index.html
    加入超連結的網址要放哪裡
    謝謝

    回覆刪除
    回覆
    1. @GT-S5830I
      加入超連結教學:http://www.w3schools.com/tags/att_a_href.asp

      刪除
  4. 回覆
    1. @Percy Wong
      需要透過 PHP 或 Python 編程來架構動態網站

      刪除
  5. 對了
    每個資料夾的ID都不一樣
    那用多個資料夾是否可以架設較為完整

    回覆刪除
  6. 要怎麼撥放MP3檔
    我用您的語法
    撥放器是有出來
    但是都卡住

    回覆刪除
    回覆
    1. @GT-S5830I
      你有沒有把 MP3 檔上傳到 Google Drive?

      刪除
  7. 回覆
    1. @Percy Wong
      應該可以運作喔,JavaScript 是否有 bug?

      刪除
    2. 我所建立(照copy整段code):
      https://googledrive.com/host/0Bx115kcIFdj1d3BGaVhBTDlZaG8/test.htm

      效果應該係:
      http://demonstration.abgne.tw/jquery/0020/0020_4.html

      刪除
  8. 測試的時候發現,似乎網頁如果有javascript(例:Google廣告),會出現安全性警告,原本放廣告的地方會被封鎖顯示,請問有辦法解決嗎?

    回覆刪除
    回覆
    1. @匿名
      有網頁連結讓我看一下嗎?

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

    https://googledrive.com/host/0B96k78Hsh8noVU5HemYwMlVoWEU/FB.Comments

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

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

    回覆刪除
  10. 我跟樓上的有同樣的問題

    我只是裡面加了 Google 廣告,用Google Chrome會說這網頁包含不安全的內容(在網址列內右方有個類似盾牌的圖示,案下去會顯示說明),IE 也會封鎖住,好像跟 https 有關的樣子,不知道是否有解決辦法?

    示範網址:https://googledrive.com/host/0B6HWgNAwDh-JeEFTWGs5QXZhMzA/LINE360iOS.html

    回覆刪除
    回覆
    1. @CHAO-RONG CHIU
      的確是 https 的問題,暫時不知有否解決方法,因為 Google Drive 會強制使用 https 加密瀏覽...

      刪除
  11. 請問 Google Drive 可以用在 Dreamweaver 新增網站的設定伺服器裡面嗎

    回覆刪除
  12. 想請教,我有用背景音樂,
    但用google瀏覽器播放只能播放一次,無法自動循迴播放(在長久停留網頁的情況下),
    我是用語言,
    不知道問題在哪,可以幫幫我嗎?

    回覆刪除
  13. 範例網址:https://googledrive.com/host/0B3q7I6DmpAHyTjdBS1hoUkJpM00/

    回覆刪除
    回覆
    1. @I-HUI LIU
      把 "loop=true" 改為 "repeat=true playcount=true" 即可

      刪除
  14. 哇,这个很牛啊,我要不要把博客也搬过来。

    回覆刪除
    回覆
    1. @RUUD LYN
      Google Drive 的網空封鎖了 Javascript 的執行...

      刪除
  15. 請問上傳到google之後,中文字就變成亂碼了!!
    這要如何解決??

    回覆刪除
    回覆
    1. @白小白
      參考這篇:http://blog.longwin.com.tw/2009/07/html-utf8-browser-encoding-solution-2009/

      刪除
    2. 不好意思,我照上面方法做好後,點開
      https://googledrive.com/host/剛複製的資料夾 ID(已經設好的以後
      會跑出這個畫面
      http://i.imgur.com/siYuKG0.jpg
      請問是少做什麼部份嗎??

      刪除
    3. @匿名
      把introduction local.html改為index.html,然後
      試試https://googledrive.com/host/剛複製的資料夾 ID/index.html

      刪除
  16. FB一直在擋
    不知道是在擋什麼意思的.......有人有答案嗎@@?

    ""這則訊息包含了被安全系統封鎖的內容。

    若你認為這是誤會,請請通知我們。""

    回覆刪除
  17. 我要怎麼把照片弄上來?

    回覆刪除
  18. 使用 Google 雲端硬碟代管網頁
    注意:這項功能將於 2016 年 8 月 31 日停用。
    https://support.google.com/drive/answer/2881970?hl=zh-Hant

    回覆刪除

歡迎各位留言