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

12月 02, 2012 , , , 40 留言


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 架站教學有甚麼問題或意見，歡迎留言與我交流一下喔:-)

seeseesky

如果大家對文章有甚麼問題或意見，歡迎留言一起討論喔:-)

40 則留言:

  1. Unknown2012年12月3日 晚上11:23

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

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

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

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

    回覆刪除
    回覆
    1. seeseesky2012年12月4日 晚上8:26

      @Cheung chun kit
      真的非常抱歉，小弟對 NFC 沒有研究...

      刪除
  2. GT-S5830I2012年12月4日 下午5:10

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

    回覆刪除
    回覆
    1. GT-S5830I2012年12月4日 晚上7:31

      還有
      可否把您在這個測試網頁的檔案給我
      我想看一下

      刪除
    2. seeseesky2012年12月4日 晚上8:24

      @GT-S5830I
      用 NotePad 或 NotePad++

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

      刪除
    3. SHIQUAn2013年1月21日 凌晨1:31

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

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

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

      刪除
    4. seeseesky2013年1月21日 晚上10:30

      @chester
      呵呵真的很方便

      刪除
  3. GT-S5830I2012年12月5日 下午5:13

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

    回覆刪除
    回覆
    1. seeseesky2012年12月5日 晚上10:39

      @GT-S5830I
      加入超連結教學：http://www.w3schools.com/tags/att_a_href.asp

      刪除
  4. Percy Wong2012年12月5日 晚上11:20

    邊道有得架設動態網站?

    回覆刪除
    回覆
    1. seeseesky2012年12月6日 晚上10:49

      @Percy Wong
      需要透過 PHP 或 Python 編程來架構動態網站

      刪除
  5. GT-S5830I2012年12月6日 下午6:05

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

    回覆刪除
  6. GT-S5830I2012年12月7日 下午5:11

    要怎麼撥放MP3檔
    我用您的語法
    撥放器是有出來
    但是都卡住

    回覆刪除
    回覆
    1. seeseesky2012年12月8日 晚上10:11

      @GT-S5830I
      你有沒有把 MP3 檔上傳到 Google Drive？

      刪除
  7. ChaoRC2012年12月10日 凌晨12:26

    不知道可不可以裝wordpress？

    回覆刪除
  8. Unknown2012年12月13日 晚上11:26

    我的JavaScript 不能運行...

    回覆刪除
    回覆
    1. seeseesky2012年12月15日 晚上11:51

      @Percy Wong
      應該可以運作喔，JavaScript 是否有 bug？

      刪除
    2. Unknown2012年12月16日 下午4:21

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

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

      刪除
  9. 匿名2013年2月8日 下午1:39

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

    回覆刪除
    回覆
    1. seeseesky2013年2月8日 晚上11:08

      @匿名
      有網頁連結讓我看一下嗎？

      刪除
  10. SHIQUAn2013年2月21日 清晨6:26

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

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

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

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

    回覆刪除
  11. ChaoRC2013年3月12日 下午2:28

    我跟樓上的有同樣的問題

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

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

    回覆刪除
    回覆
    1. seeseesky2013年3月12日 晚上11:38

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

      刪除
  12. Unknown2013年3月14日 上午9:53

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

    回覆刪除
  13. LIUIHUI2013年4月11日 晚上11:06

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

    回覆刪除
  14. LIUIHUI2013年4月11日 晚上11:08

    範例網址：https://googledrive.com/host/0B3q7I6DmpAHyTjdBS1hoUkJpM00/

    回覆刪除
    回覆
    1. seeseesky2013年4月12日 凌晨12:06

      @I-HUI LIU
      把 "loop=true" 改為 "repeat=true playcount=true" 即可

      刪除
  15. Unknown2013年5月15日 晚上8:45

    哇，这个很牛啊，我要不要把博客也搬过来。

    回覆刪除
    回覆
    1. seeseesky2013年5月15日 晚上11:39

      @RUUD LYN
      Google Drive 的網空封鎖了 Javascript 的執行...

      刪除
  16. Unknown2014年2月5日 下午4:13

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

    回覆刪除
    回覆
    1. seeseesky2014年2月5日 晚上11:25

      @白小白
      參考這篇：http://blog.longwin.com.tw/2009/07/html-utf8-browser-encoding-solution-2009/

      刪除
    2. 匿名2014年10月16日 上午10:16

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

      刪除
    3. seeseesky2014年10月16日 晚上11:29

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

      刪除
  17. Unknown2015年10月29日 凌晨1:03

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

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

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

    回覆刪除
  18. 匿名2016年3月24日 晚上10:43

    我要怎麼把照片弄上來?

    回覆刪除
  19. 匿名2016年9月3日 晚上8:58

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

    回覆刪除

歡迎各位留言

訂閱： 張貼留言 (Atom)