Total Pageviews

Thursday, 9 January 2014

在linux vps上搭建基于nodejs和gruntjs的静态网站程序-genesis

先安装nodejs和gruntjs(http://gruntjs.com/,https://github.com/gruntjs)
版本要求:
    node.js>= 0.8.0
    grunt.js~ 0.4.0

git clone git://github.com/synthmedia/genesis
cd genesis
npm install
grunt
grunt build (这个就是生成/更新静态网站的命令)

as3:~/genesis# ls
app  build  Gruntfile.js  node_modules  package.json  README.md  wercker.yml
(新出现了build目录)
as3:~/genesis# cd build
as3:~/genesis/build# ls
assets  index.html
as3:~/genesis/build#
可见~/genesis/build/就是静态网站的根目录。
as3:~/genesis/build# nohup Rwebserver 25438 > /dev/null &
访问http://as3.brite.biz:25438/,就可看到效果。

发贴方法:
as3:~/genesis/build# cd ~/genesis/app/templates/
as3:~/genesis/app/templates# ls
index.jade  layout.jade
as3:~/genesis/app/templates# nano index.jade
我把index.jade里面的Some Content改为了Some Content created with genesis
as3:~/genesis/app/templates# nano layout.jade
我把layout.jade里面的title Static Template Site改为了title Static Site by genesis
(其实并未真正发贴成功。我在~/genesis/app/templates/里面新建test1.jade,然后运行“更新静态网站的命令”,但在~/genesis/build/里面并未有test1.html出现,不知为何?
然后,
as3:~/genesis/app/templates# cd ~/genesis
as3:~/genesis# grunt build

demo site: http://as3.brite.biz:25438/,
项目地址:https://github.com/synthmedia/genesis
http://forge.synthmedia.co.uk/genesis/