搞前后端分离实验，顺便撸了只博客~

\(^o^)/，
上次撸到前后端分离的问题，
决定要测试下淘宝“中途岛”方式，
然后就来做实验了了，话说不了解情况的参考上一次的内容：

地址： https://www.v2ex.com/t/149090#reply84

No1.实现）

话说就是参考上次的图来做，所以结构请参考上一篇文章了，不过顺便说一下吧。。

1.入口：nginx（80端口）

2.反代：内网的一台nodejs服务器（端口3000？or whatever you like ~）
node服务器暂时用expressjs来做，入口就是简单的页面了

3.请求： http/https方式请求数据
团队内的系统接口没什么数据，就撸了github的数据，
github请自行搜索，还顺路看到一个基于它的组件，有兴趣的去看看~
http://mikedeboer.github.io/node-github/

4.渲染：
撸github的数据就是为了顺便弄博客嘛，那就用marked把撸到得md文件转成html吧，对了，github给的数据是base64的，要转换一下：
var _raw = new Buffer(result.content, result.encoding).toString('utf8');
var _html = marked(_raw);

No2.博客）
太懒无解，平时虽然一直开着浏览器，但是真不想开wp写博客（好久没更新了，回头关了得了~），hexo是挺好用的，不过，反正做实验已经写了一部分，不如再写一点了得了，这博客大概是这样：

1.在github上建一个专门放博客内容的repo，记录一下放在程序的配置里。

2.服务器部署好程序，访问时抓取github上某一个repo下得content，
遍历size大于0是目录了，做成分类目录，反之就是文件了，循环一下做成文章列表页面。

3.本地pull下来，无聊时候打开Mou假装写文档吧（....）

4.写完push一下就完事了~

No3.演示）

很蛋疼的用别人的文章做下演示吧,好丑，不要介意 T.T

列表页：

文章页：

轻喷~

thonatos

2014-11-30 15:37:35 +08:00

@jimwoo

demo大概是一个伪博客的样子，差不多是半个爬虫，不过目前是用Github Api来拿文章，比较适合蛋疼且够懒的人，——如我，以后写博客就在本地写完push一下就好。。

不过，实际上，这是在用“中途岛”方式进行前后端分离的试验，算是在给后端减少工作量……只是，貌似不加工资的样子？←_←

@wsph123

这域名，真的是极好的，╮(╯▽╰)╭