[網站架設] 手把手教你把網站架設到Google Drive 雲端空間上
文章推薦指數: 80 %
上傳網頁檔案到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
人像編修
修圖
修相片
免費架站王
勘誤更新
去背
大數據
影片
影音教學
快速鍵
搜尋
會聲會影
照片編修
程式特訓班
美人心機影像編修必學絕招
電腦活用妙招
延伸文章資訊
- 1用Google Drive雲端硬碟建立HTML網頁 - 龍之家族- 痞客邦
平時要丟個HTML網頁範例檔案,大家都會丟去哪邊呢? ... 第6步 這時Google Drive雲端硬碟會問您是否上傳到這個共用資料夾,請點﹝上傳並共用﹞。
- 2網站上傳管理與維護 - 個人網頁空間
GB 不等,可以先估算自己的網站檔案大小,再 ... 小,也沒有搭配程式的需求(例如單純使用html 或 flash 製作的網站), ... 為了讓Dreamweaver 知道檔案要上傳到哪裡,.
- 3上傳網頁步驟
方式一:利用檔案總管上傳 ... 步驟一:開啟檔案總管,連到ftp://aries.dyu.edu.tw/ 會出現圖 ... 說明:上傳網頁前,請先確定首頁之格式須設為index.html、.
- 4Google Search Console基礎教學-如何提交網站| 柯爾行銷學院
- 5[網站架設] 手把手教你把網站架設到Google Drive 雲端空間上
上傳網頁檔案到Google Drive 雲端空間 ... 的管理畫面,在Your Web Page 的區域中開始會去找你雲端硬碟根目錄下有分享資料夾中有HTML 網頁的檔案,這個需要一點時間。