Total Pageviews

Monday, 3 March 2014

在linux vps上搭建基于nodejs的静态博客程序-statix

npm install -g statix
statix new statix-site (此命令会在当前目录下生成statix-site目录)
cd statix-site

as3:~# cd statix-site
as3:~/statix-site# ls
source  statix.js
as3:~/statix-site# statix build (这个就是生成/更新静态网站的命令)
as3:~/statix-site# ls
deploy  source  statix.js
(新出现了deploy目录)
as3:~/statix-site# cd deploy
as3:~/statix-site/deploy# ls
example.html  index.html
(可见~/statix-site/deploy/就是静态网站的根目录)
as3:~/statix-site/deploy# nohup Rwebserver 34264 > /dev/null &
访问http://as3.brite.biz:34264/即可看到网站效果。

发贴方法:
as3:~/statix-site/deploy# cd ..
as3:~/statix-site# ls
deploy  source  statix.js
as3:~/statix-site# cd source
as3:~/statix-site/source# ls
templates
as3:~/statix-site/source# cd templates
as3:~/statix-site/source/templates# ls
base.html  example.html  index.html 
as3:~/statix-site/source/templates# nano test1.html
按example.html或 index.html的内容格式,新建帖子test1.html,格式如下:
{% extends "base.html" %}

{% block title %}test1.html{% endblock %}

{% block content %}
<h1>测试1</h1>
这是测试1.
{% endblock %}

然后,
as3:~/statix-site/source/templates# nano base.html
在<li><a href="example.html">example.html</a></li>这行的下一行加上:
  <li><a href="test1.html">test1.html</a></li>

然后,
as3:~/statix-site/source/templates# cd ~/statix-site/
as3:~/statix-site# ls
deploy  source  statix.js
as3:~/statix-site# nano statix.js
在这一段
               {
                        output : "example.html",
                        source : "templates/example.html",
                        data : {}
                },
的下面加上:
               {
                        output : "test1.html",
                        source : "templates/test1.html",
                        data : {}
                }
注意:在最后一对花括号的后面不要加逗号,但其上的每对花括号的后面都要加上逗号。

然后,
as3:~/statix-site# statix build
显示:
Statix build complete!
as3:~/statix-site#

演示站点:http://as3.brite.biz:34264/,http://stt.bright.za.net
项目地址:https://github.com/ff0000/statix