[網站架設] 手把手教你把網站架設到Google Drive 雲端空間上

文章推薦指數: 80 %
投票人數:10人

上傳網頁檔案到Google Drive 雲端空間 ... 的管理畫面,在Your Web Page 的區域中開始會去找你雲端硬碟根目錄下有分享資料夾中有HTML 網頁的檔案,這個需要一點時間。

Skiptocontent 網頁設計的學習,最重要的就是想要將成品放在一個空間上呈現,雖然現在免費的空間不少,但是申請設定再上傳,有時候還真是麻煩。

我們可不可以把早就用到熟爛的GoogleDrive雲端空間當作是網頁伺服器,將作品放在上面就能讓其他人瀏覽呢?當然可以啦,就跟著茶米的操作,一起來完成這個動作吧! 上傳網頁檔案到GoogleDrive雲端空間 首先請您將要上傳的網頁整理到一個資料夾之中,這樣可以方便上傳。

開啟瀏覽器進入你自己的GoogleDrive,將準備好的資料夾上傳到我的雲端硬碟的根目錄,注意,一定要放在GoogleDrive雲端硬碟的根目錄喔! 設定GoogleDrive資料夾分享權限 接著請跟著以下的步驟設定資料夾權限: 選擇剛才上傳的資料夾,按下右鍵後選取快顯功能表的[共用],或按右上角的共用圖示。

在對話方塊按右上角[開啟連結共用設定],接著拉開中間的選項來調整權限,按[更多]。

將權限調整為[開啟-公開在網路上],最後儲存,即完成檔案的上傳及分享。

加入及設定DriveToWeb服務 一、產生網站的網址 接著就要利用DriveToWeb的服務,把GoogleDrive雲端分享的資料夾化為網頁伺服器了!設定十分方便,請跟著我們一起做喔! 請由https://drv.tw網頁進入DriveToWeb的服務首頁,目前這個服務支援GoogleDrive及OneDrive。

請按下ViaGoogleDrive按鈕,進入設定畫面。

接著會進入Google登入的畫面,請選取要使用服務的帳號,這個帳號也就是你使用GoogleDrive的帳號喔!最後按[允許]鈕啟動服務。

進入DriveToWeb的服務的管理畫面,在YourWebPage的區域中開始會去找你雲端硬碟根目錄下有分享資料夾中有HTML網頁的檔案,這個需要一點時間。

整理完畢之後,你可以看一下內容,如下圖就找到剛才所分享的資料夾,以及之下的HTML檔案,而服務已經成功的轉為可以連結的網址。

例如我們示範的網站所產生的網址是:https://or6fmp0mmsmsolaamu2yba-on.drv.tw/classlib/ 二、用帳號規則設定來產生網址 除了在管理畫面來等待它產生網址之外,其實DriveToWeb的網址的格式如下:https://drv.tw/~[username]/[drive]/[path] [username]:使用服務的Google郵件帳號[drive]:GoogleDrive請用”gd”,OneDrive請用”od”[path]:你分享的資料夾名稱。

例如我的帳號是[email protected],用的是GoogleDrive,資料夾為classlib,所以網址就為:https://drv.tw/[email protected]/gd/classlib 三、其他設定 其實如果你有申請網域,是可以自訂網址的名稱,不過這個有些進階,歡迎您可以參考DriveToWeb的官方網頁說明。

但因為它所產生的網域太長,建議您可以申請一個http://gg.gg的短網址,並且自訂一下網址內容,就能為你的網址打造成一個又短、又好記的絕妙連結了!(你可以試試http://gg.gg/classlib) 這個服務是不是很棒呢!如果你不知道要找哪個地方放置你的靜態網站,不妨就來試試這個服務吧,把你的GoogleDrive雲端硬碟變成你的網站伺服器吧! 分享此文:分享到Twitter(在新視窗中開啟)按一下以分享至Facebook(在新視窗中開啟) 延伸閱讀 文章導覽 ←Previous文章Next文章→ LeaveaCommentCancelReply 發佈留言必須填寫的電子郵件地址不會公開。

必填欄位標示為*Typehere..Name* Email* Website 用電子郵件通知我後續的迴響。

新文章使用電子郵件通知我。

這個網站採用Akismet服務減少垃圾留言。

進一步瞭解Akismet如何處理網站訪客的留言資料。

搜尋關鍵字: 文章分類 APP應用(3) Apple(10) APP開發(18) Android(11) AppInventor(15) SmartAppsCreator(1) Thunkable(1) ASP(7) Dreamweaver(8) Excel(23) Facebook(4) Google(7) LINE(18) Photoshop(33) PHP(14) PowerBI(4) PowerPoint(9) Python(8) Word(10) 伺服器架設(10) 作業系統(9) 免費資源(2) 影像編修(31) 影音剪輯(4) 更新勘誤資訊(6) 最新消息(205) 社群(1) 網頁製作(3) 資料庫(5) 資訊安全(1) 雲端服務(2) 熱門文章與頁面︰ [Python]如何更新PIP到最新版本? [Python]擷取部份的字串:Slicing [LINE]一次要傳很多張相片?不如直接做成相簿傳送才不麻煩~ [IIS]Win10安裝IIS的操作筆記 [網站架設]手把手教你把網站架設到GoogleDrive雲端空間上 [Mac]Finder顯示路徑與狀況資訊 [Excel]為何部分儲存格內的資料無法印出? [EXCEL]Excel打開是亂碼?快速找回資料的最好方法! [Windows]不用Ghost,教你快速備份整個Windows系統 [Windows]如何在Windows10安裝免費模組讀取iPhone的HEIC格式的影片及圖片? 標籤雲Access Android APP AppInventor asp Dreamweaver Excel Facebook Google IIS Line Mac MOS認證考試 MySQL office office2019 Photoshop PHP PowerPoint PowerPoint2010 Python Python大數據特訓班 Weebly windows windows7 Windows10 WindowsXP word word2010 人像編修 修圖 修相片 免費架站王 勘誤更新 去背 大數據 影片 影音教學 快速鍵 搜尋 會聲會影 照片編修 程式特訓班 美人心機影像編修必學絕招 電腦活用妙招



請為這篇文章評分?