
Dropbox是一個相當老牌的雲端空間,不但穩定、快速,甚至還橫跨各平台,無論是使用桌機、手機都能透過專用的APP,無縫的存取雲端中的檔案,同時Dropbox第三方的應用服務相當的多,而今天要來分享一個第三方的小服務,可將Dropbox所提供的2GB雲端空間,立即變成HTML的網頁空間,不但設定簡單,甚至還支援SSL外,與綁定網域名稱,這對於只需一般HTML網頁空間的朋友,絕對相當夠用。
更棒的是無論上傳的圖檔、網頁、javascript、CSS的檔名,都不會被修改,甚至架構也與原來的一模一樣,就跟租用一般的HTML網頁網頁主機一樣,但不支援php與MySQL,因此有需要的朋友,現在也一塊來看看,如何將手邊的Dropbox變成一台HTML的網頁主機空間吧!
UpDog
網站名稱:UpDog
網站連結:https://updog.co/
網站連結:https://updog.co/
Step1
首先進到UpDgo的頁面後,點下方的驗證鈕,這邊梅干是點左邊Dropbox鈕來進行驗證。

Step2
接著按「允許」。

Step3
驗證完畢後,接著按左上「Creat New Site」建立網站鈕。

Step4
接著輸入要註冊的網址,如要設定自己網域名稱,下方輸入要設定的網域後,再到DNS建立一組CNAME作對應就可以了,例如minwt.updog.co=>dropbox.mwt.tw(CNAME)。

Step5
這樣就已架設完畢了,是不是超簡單,這時需注意一下,1為網站的根目錄位置,2是瀏覽網站。

Step6
當開啟網頁後,這時對應到的目錄,就是Dropbox/應用程式/updog/域名/

Step7
接著將作好的頁面,直接拖拉到Dropbox網站目錄中。

Step8
接著就會開始進行上傳。

Step9
上傳完畢後,檢查一下,無論是目錄還是檔名,都維持原來的,沒有被修改。

Step10
這時網頁來檢查一下,由於是使用免費的第三方服務,因此在右下角會出現下方的連結小按鈕,這時再在CSS中,加入下方的語法。
[css]
a[href *="updog"]{display:none!important;}
[/css]

Step11
加入後,再把網頁上傳,並重新整網頁,這時右下的按鈕就會消失不見啦!這對於想辦活動、一頁式銷售頁面,都相當的合適,因此有需要的朋友,也趕快來試試看囉!

範例網址:http://dropbox.mwt.tw/event/