Pages

Tuesday, 12 August 2014

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

npm install -g susi
执行文件为/root/npm/bin/susi


mkdir susi-demo
cd susi-demo
mkdir input
cd input
nano layout.html
(layout.html文件的内容为:
<!doctype html>
  <html>
    <head>
      <link rel="stylesheet" href="style.css">
      <title>My Site</title>
    </head>
    <body>
      <nav>
        <ul>
          <li><a href='home.html'>Home</a></li>
          <li><a href='projects.html'>Projects</a></li>
          <li><a href='contact.html'>Contact</a></li>
      </nav>
      <section id="main">{{CONTENT}}</section>
    </body>
  </html> )

root@as3:~/susi-demo/input# ls
layout.html
root@as3:~/susi-demo/input# nano index.md
格式为:
# Home

这是主页。
root@as3:~/susi-demo/input# ls
index.md  layout.html
root@as3:~/susi-demo/input# cd ..
root@as3:~/susi-demo# ls
input
root@as3:~/susi-demo# susi input output (此命令会在当前目录下,生成output目录.此命令就是生成/更新静态网站的命令)
root@as3:~/susi-demo# ls
input  output
(果然出现了output目录)
root@as3:~/susi-demo# cd output
root@as3:~/susi-demo/output# ls
index.html
(可见~/susi-demo/output/就是静态网站的根目录)
root@as3:~/susi-demo/output# nohup Rwebserver 34257 > /dev/null &
访问http://as3.brite.biz:34257/,即可看到网站效果。

发贴方法:
root@as3:~/susi-demo/output# cd ..
root@as3:~/susi-demo# ls
input  output
root@as3:~/susi-demo# cd input
root@as3:~/susi-demo/input# ls
index.md  layout.html
root@as3:~/susi-demo/input# nano test1.md
格式为:
# 测试1

这是测试1.


然后,
root@as3:~/susi-demo/input# cd ..
root@as3:~/susi-demo# susi input output
root@as3:~/susi-demo# ls input
chinese-economy.md  index.md  layout.html  mountain-song.md  test1.md  test2.md
root@as3:~/susi-demo# ls output
chinese-economy.html  index.html  mountain-song.html  test1.html  test2.html
root@as3:~/susi-demo#

不过发布的帖子并不自动出现在首页,可这样做:
root@as3:~/susi-demo# nano input/index.md
在"这是主页"此行的下面加上:

<p><a href=/mountain-song.html>山歌好比春江水</a></p>
<p><a href=/chinese-economy.html>中国经济</a></p>
<p><a href=/test2.html>测试2</a></p>
<p><a href=/test1.html>测试1</a></p>

然后,
root@as3:~/susi-demo# susi input output

演示站点:http://as3.brite.biz:34257/,
项目地址:https://github.com/AVGP/susi