Total Pageviews

Monday 2 January 2017

搭建基于nodejs的静态博客程序airpub

登陆linux vps,首先安装nodejs环境。然后,
npm install bower -g

npm install -g airpub-installer
cd /usr/local
mkdir airpub-blog && cd airpub-blog
airpub install (此命令会在/usr/local/airpub-blog目录里生成一些文件和文件夹)

root@AR:/usr/local/airpub-blog# ls
bin        configs-sample.js  index.html      src
bower.json  dev.html          package.json
configs.js  dist           LICENSE           README.md
root@AR:/usr/local/airpub-blog# npm install
root@AR:/usr/local/airpub-blog# bower install --allow-root
root@AR:/usr/local/airpub-blog# mv index.html index.html.bak
root@AR:/usr/local/airpub-blog# nano index.html

index.html的内容如下:
<!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。你需要到www.duoshuo.com去注册一个账号。这个账号就是short_name
      };
    </script>
    <!-- duoshuo embed js -->
    <script src="http://static.duoshuo.com/embed.unstable.js"></script>
    <!-- airpub angular app -->
   <script src="http://airpub.qiniudn.com/dist/airpub.min.js"></script>
  </body>
</html>

记得修改相应的 Airpub 配置与多说配置,然后上传到你的虚拟主机或者 GitHub Pages,一切就都搞定啦!

因为/usr/local/airpub-blog目录里有index.html,所以/usr/local/airpub-blog目录就是静态网站的根目录。你可绑定域名到该目录。

发帖方法:
 在浏览器里访问www.duoshuo.com,登陆你的duoshuo账号。然后新开浏览器标签,访问
http://your-domain.com,(我的为http://ap.bright.biz.st/),在页面的右上角会出现一个头像。点击它,其实也就是访问http://ap.bright.biz.st/#!/create ,该页面会显示一个编辑器,在里面写文章,然后点击“写好了”按钮即可。

对了,如果你打算使用 GitHub Pages,甚至不必这么麻烦,只需Fork https://github.com/airpub/index.html这个仓库,就可以开始享受咖啡与写作的惬意下午。
https://raw.githubusercontent.com/airpub/index.html/gh-pages/index.html

重要提示: 建议你在多说管理后台(站点管理 => 设置 => 文章信息来源)开启 只接受来自服务器的文章信息请求 选项,防止非 API 请求造成的非法数据写入。

演示网站:http://ap.bright.biz.st
项目地址:https://github.com/duoshuo/airpub
http://airpub.io/#!/article/1317492007005847590

Airpub其实是将文章、内容都保存于多说的服务器.因此如果“多说”停止服务,那么你的网站也就无法访问了。你的网站是受制于人的,因此不建议用这个程序发表很重要的内容,免得你的文章有去无回。