Total Pageviews

Wednesday, 22 February 2017

搭建基于github issues和nodejs的静态博客程序martin-liu.github.io

首先fork这个项目https://github.com/martin-liu/martin-liu.github.io,我fork后的项目地址为
https://github.com/luckypoem/martin-liu.github.io,

登陆linux vps, 安装nodejs环境。
cd /usr/local
git clone https://github.com/martin-liu/martin-liu.github.io
cd martin-liu.github.io

root@AR:/usr/local/martin-liu.github.io# ls
CHANGELOG.md      bower.json     grunt.json         maintainance.html
Gruntfile.coffee  changelog.tpl  image             manifest.appcache
README.md      css         js            
app          karma.e2e.conf.js   notsupport.html
bin          fonts         karma.unit.conf.js  package.json
root@AR:/usr/local/martin-liu.github.io# npm install
root@AR:/usr/local/martin-liu.github.io# npm install -g grunt-cli karma bower
root@AR:/usr/local/martin-liu.github.io# bower install --allow-root
root@AR:/usr/local/martin-liu.github.io# nano app/config/config.coffee.prod
(把owner的值改为你的github用户名)
root@AR:/usr/local/martin-liu.github.io# grunt build (此即生成/更新静态网站的根目录的命令)
root@AR:/usr/local/martin-liu.github.io# ls
CHANGELOG.md      bower.json     grunt.json         maintainance.html
Gruntfile.coffee  changelog.tpl  image             manifest.appcache
README.md      css         js             node_modules
app          dist         karma.e2e.conf.js   notsupport.html
bin          fonts         karma.unit.conf.js  package.json
(生成了dist目录)
root@AR:/usr/local/martin-liu.github.io# cd dist
root@AR:/usr/local/martin-liu.github.io/dist# ls
css    image       js              manifest.appcache
fonts  index.html  maintainance.html  notsupport.html
root@AR:/usr/local/martin-liu.github.io/dist#
(可见/usr/local/martin-liu.github.io/dist就是静态网站的根目录)

新建源帖:
 访问https://github.com/luckypoem/martin-liu.github.io/issues,点击该页面里的labels按钮,在出现的空白框里输入blog,然后点击create label按钮,就生成了blog这个label(标签)。
再次访问https://github.com/luckypoem/martin-liu.github.io/issues,在此提交issue: 输入标题和内容,然后点击右侧的labels,然后点击其下面弹出的菜单中的blog,然后在右边的空白处点击一下,等待blog标签出现,然后点击submit new issue按钮即可。新建源帖完成后,网站就自动更新了。

演示网站:http://mlgi.bright.biz.st/
项目地址:https://github.com/martin-liu/martin-liu.github.io
https://github.com/martin-liu/martin-liu.github.io/issues/9

No comments:

Post a Comment