【教程】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

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