【教程】dropbox+droppages搭建靜態網頁

一、Dropbox免費網盤介紹

Dropbox雲存儲是國外著名的網盤服務商,成立於2007年,爲用戶免費提供2G初始容量的網絡雲存儲空間。類似於微軟的OneDrive。用戶可以在網頁客戶端上傳文件或使用共享鏈接與好友分享自己的文件,也可以通過PC客戶端同步本地文件到Dropbox雲端服務器中保存。

Dropbox官方網址:https://www.dropbox.com

1、首先註冊一個Dropbox賬戶,也可以使用谷歌賬戶:

2、點擊右上角下載

下載完安裝好後就可以當普通網盤使用了

那麼如何才能部署一個靜態網頁呢?繼續往下看。

 

二、使用Droppages在Dropbox中搭建靜態博客圖文教程。

Droppages是一款通過Dropbox API開發的免費第三方應用,可以在Dropbox中搭建靜態博客。博客的免費域名、主題模板、文件編輯等功能由Droppages提供,而網站文件則存入在Dropbox中。具體操作方法如下:

1、打開droppages官網進行授權,點擊右上角sign up,然後允許授權。

DropPages註冊

2、打開 http://my.droppages.com,使用Dropbox帳號登陸Droppages。

dropbox網盤登陸

3、允許Droppages獲得Dropbox中的應用權限。

Droppages獲取Dropbox應用權限

4、點擊創建一個新的網站。

在Dropbox中創建網站

5、按圖示輸入你想要想要的網站二級域名(注意不能被別人註冊過,否則會報錯),點擊創建。

選擇網站二級域名

6、網站創建完成,在此頁面右側可見應用信息,網站使用容量爲50M。

dropbox博客創建完成

7、回到Dropbox中,可以看到一個新的“應用”文件夾。

Dropbox中的應用文件夾

8、進入“應用”可看到My.Droppages的應用文件夾,然後去下載博客主題保存到這個文件夾下。

Droppages在Dropbox中的應用文件夾

9、到http://droppages.com/themes中下載你喜歡的博客主題。

droppages博客網站主題

10、解壓下載的主題壓縮包到第8步 "My.DropPages\xxx.droppages.com" 路徑下,Content保存數據文件、Public保存js、css等靜態文件、Templates保存網頁。你可以不用這些主題,使用自己博客網頁。

droppages博客目錄結構

11、再到http://my.droppages.com/account中,在頁面右側點擊“Publish now”,發佈博客(其實它會自動發佈,不過需要等一段時間,點擊Publish now可以立即同步)。

至此,博客網站創建完成,在瀏覽器中輸入之前自己創建的域名就可以訪問了。文件修改需在本地完成後上傳到Dropbox,之後到Droppages更新發布,切記文件的修改完成後要以utf-8編碼保存,否則中文亂碼。

 

三、部署一些其他靜態網頁

例如,部署一個2048小遊戲(開發教程:慕課網2048教程):

代碼github地址:https://github.com/Bob-Yuan/2048.git

將index.html放入Templates文件夾,其他靜態文件放入Public文件夾,過幾分鐘等待同步,然後訪問第二步中第5小點你設置的域名,你就可以在網頁上玩你的2048小遊戲了!

 

參考:

1、http://uuxn.com/droppages-dropbox-blog

2、https://segmentfault.com/a/1190000000489043

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章