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
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