Total Pageviews

Wednesday, 14 May 2014

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

git clone https://github.com/JoyNeop/NeopBlog neopblog
cd neopblog

as3:~/neopblog# ls
CNAME  db           favicon.png  index.html  list.json  README.md
css    favicon.ico  img          js          meta.json
as3:~/neopblog# cd db
as3:~/neopblog/db#
as3:~/neopblog/db# ls
0.txt  1.txt  2.txt  3.txt 
as3:~/neopblog/db# nano 4.txt
格式为:
<p>这是测试1</p>
as3:~/neopblog/db# cd ..
as3:~/neopblog# nano list.json
as3:~/neopblog# cat list.json
{
"list" : [
        { "Time" : "Apr 5, 2012", "Title" : "Hello World!" },
        { "Time" : "Apr 12, 2012", "Title" : "no need to name your post with a title" },
        { "Time" : "Apr 22, 2012", "Title" : "Use pictures in this way" },
        { "Time" : "Apr 23, 2012", "Title" : "you are suppoed to edit list.json manually" },
        { "Time" : "May 14, 2014", "Title" : "test1" },
        { "Time" : "May 14, 2014", "Title" : "测试2" },
        { "Time" : "May 14, 2014", "Title" : "高论" },
        { "Time" : "May 14, 2014", "Title" : "中国经济" },
        { "Time" : "May 14, 2014", "Title" : "笑脸" } (注意:最后一行不要加逗号)
]
}
(保存list.json后,网站就自动更新了)
as3:~/neopblog#
as3:~/neopblog# ls
CNAME  db           favicon.png  index.html  list.json  README.md
css    favicon.ico  img          js          meta.json
as3:~/neopblog#
可见~/neopblog/就是静态网站的根目录。

演示站点:http://neop.surmount.biz.wf/
文章的链接地址,比如http://neop.surmount.biz.wf/?p=8跟原始的wp博客的文章的链接地址,比如
http://as3.brite.biz/?p=98是类似的,所以这个博客猛看上去好像一个wp博客!
项目地址:https://github.com/JoyNeop/NeopBlog
修改版:https://github.com/JoyNeop/Photographolio,
https://github.com/telee/telee.github.io

不过此程序不支持分页,感觉不如类似的程序jsblog(http://briteming.blogspot.co.uk/2013/11/js-jsblog.html)好用。


这个程序在支持js的普通静态空间上就可搭建。