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
执行文件为/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