不知从什么时候开始前端火了,像WordPress
这样有着庞大后台的建站工具也不太被人喜爱了。Jekyll
/HEXO
这样的纯净态博客开始火了,但是Jekyll
/HEXO
都不支持在线编辑都需要本地编辑之后生成HTML页面才能发布。偶然间在V2EX
上发现了Airpub
这样一个Blog
工具(作者称为博客引擎
),Airpub
实现了前后端完全分离,后端数据使用多说API
。只需要部署一次,即可通过在线编辑的方式将文章保存在多说中,不像Jekyll
/HEXO
每次都需要重新部署,只需要在浏览器中编辑之后就能实时发布。
安装
INDEX.html安装
Airpub提供了一种便捷的使用方法,通过使用Airpub的CDN服务只需要一个index.html
文件即可完成搭建。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
| <!DOCTYPE html> <html ng-app="airpub" ng-controller="global"> <head ng-controller="meta"> <base href="/" /> <meta charset="UTF-8"> <title ng-bind="title"></title> <meta name="fragment" content="!" /> <meta name="description" content="{{description}}"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <link rel="stylesheet" href="http://airpub.qiniudn.com/dist/airpub-dependencies.min.css"> <script src="http://airpub.qiniudn.com/dist/airpub-dependencies.min.js"></script> <link rel="stylesheet" href="http://airpub.qiniudn.com/themes/chill/css/chill.min.css" /> <link rel="shortcut icon" type="image/x-icon" href="http://airpub.qiniudn.com/themes/chill/favicon.ico" /> </head> <body ng-controller="base" ng-class="state.current.controller"> <div ui-view="layout"></div> <script> var airpubConfigs = { name: 'Airpub', description: 'Just another Airpub blog', url: 'http://your-uri', themePath: 'http://airpub.qiniudn.com/themes', upyun: { bucket: 'mybucket', form_api_secret: 'xxxxxx' } }; var duoshuoQuery = { short_name: 'your_duoshuo_short_name' }; </script> <script src="http://static.duoshuo.com/embed.js"></script> <script src="http://airpub.qiniudn.com/dist/airpub.min.js"></script> </body> </html>
|
如果你打算使用Github Pages服务只需Fork一下airpub/index.html这个仓库就可以了。
自动安装
如果你拥有自己的VPS或者想要手动上传网站那么只需要下面几行命令就可以使用了。
使用 Airpub CLI Installer 来安装 Airpub 的稳定版本:
1
| $ [sudo] npm install -g airpub-installer
|
新建站点目录:
1
| $ mkdir my-airpub-blog && cd my-airpub-blog
|
然后执行操作将相关的依赖全部安装完毕:
airpub installer 将自动新建配置,仅需简单编辑:
参考:
0.40 行代码搭建 Airpub
1.Airpub