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

2014-11-29 23:00:21 +08:00
 thonatos
\(^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

列表页:


文章页:


轻喷~
4166 次点击
所在节点    分享创造
21 条回复
Saber
2014-12-02 20:08:28 +08:00
这域名略吊。。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/150307

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX