HOME. ANGDO ❤ VENKY.

0%

40 行代码搭建 Airpub

发表于 更新于 分类于 阅读次数：

不知从什么时候开始前端火了，像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">
    <!-- dependencies stylesheets and scripts -->
    <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>
    <!-- default theme: chill -->
    <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>
    <!-- airpub configs -->
    <script>
      var airpubConfigs = {        
        name: 'Airpub', // 博客名称
        description: 'Just another Airpub blog', // 博客描述
        url: 'http://your-uri', // 博客站点永久链接
        themePath: 'http://airpub.qiniudn.com/themes', // 博客主题根目录，目前支持七牛CDN
        upyun: { // 用于上传图片
          bucket: 'mybucket', // 又拍云 bucket 配置 (可选)
          form_api_secret: 'xxxxxx' // 又拍云 form_api_secret (可选)
        }
      };
      var duoshuoQuery = {
        short_name: 'your_duoshuo_short_name' // 修改成你的多说 short_name
      };
    </script>
    <!-- duoshuo embed js -->
    <script src="http://static.duoshuo.com/embed.js"></script>
    <!-- airpub angular app -->
    <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

然后执行操作将相关的依赖全部安装完毕：

1
$ airpub install

airpub installer 将自动新建配置，仅需简单编辑：

1
$ vi configs.js

参考：

0.40 行代码搭建 Airpub

1.Airpub