V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
yangkeao
V2EX  ›  分享创造

用 angular.js 和 node 写了一个 blog 程序

  •  1
     
  •   yangkeao · 2014-08-15 19:46:20 +08:00 · 4622 次点击
    这是一个创建于 3737 天前的主题,其中的信息可能已经有所发展或是发生改变。
    耗时大约7小时,做了几天,每天做一点,包括学习学习angular.js和搜索node相关内容的时间。

    现在不支持更换模板,十一会用angular.js的指令把相关数据的获取封装起来。

    自带一个node实现的静态文件服务器,直接获取public里面的东西,所以把public里面的东西直接放到其他的静态服务器上也是可以的(比如gitcafe)。

    其实和node的关系并不大,只是做了命令行//现学现卖。

    用node实现git,我是先拼接字符串,fs.write到.bat/.sh再子进程执行的,之前用一长串&&连接直接子进程好像不行。(不要怪我没学过bash)

    gitcafe的速度大大超乎我的想象。

    确实,我承认angular.js因为SEO的原因并不适合做blog程序,这只是为了用(或者说 学习?)angular.js而完成的类似练手的项目。

    现在给出demo: www.vdon.cn

    整个的blog程序十一放假放到coding上。

    在coding上的那个功能十分不完全,已经好长时间没有push了。

    没有可以做响应式,但拉了一下窗口,发现还能看,但是晚上在手机上试了一下,为什么还是顶出了手机边框?这不科学。//难道还要加上一个width:100%?

    要上学了好桑心~~作业还喵写完~~只好把这个半成品作为暑假项目(靠~我的暑假只有7个小时?)

    暑假其它的时间都用在了信息奥赛上,gist为证 gist.github.com/VDON。

    换行按两下的习惯我还没有克服。
    15 条回复    2014-08-19 08:19:57 +08:00
    exoticknight
        1
    exoticknight  
       2014-08-15 21:32:23 +08:00   ❤️ 1
    又发现一位青年才俊……
    TF
        2
    TF  
       2014-08-15 21:47:49 +08:00   ❤️ 1
    好膩害
    yangkeao
        3
    yangkeao  
    OP
       2014-08-15 22:00:51 +08:00
    @exoticknight
    @TF
    上一次发的东西被狂喷,于是卧薪尝胆~~一个暑假没吃冰淇凌~~
    wsph123
        4
    wsph123  
       2014-08-16 00:47:45 +08:00   ❤️ 1
    不错不错>_<!!
    collin
        5
    collin  
       2014-08-16 09:03:12 +08:00   ❤️ 1
    看起来不错,不过点击主题后,上面进度条刷新两次,感觉一次才正常
    xvfeng
        6
    xvfeng  
       2014-08-16 10:27:32 +08:00   ❤️ 1
    angularjs拿来做博客真好么。。。
    KennyZJ
        7
    KennyZJ  
       2014-08-16 10:57:03 +08:00
    @xvfeng 可以把blog展示页独立出来,如果担心SEO的话
    yangkeao
        8
    yangkeao  
    OP
       2014-08-16 11:17:25 +08:00 via Android
    @xvfeng 这个我已经解释过了
    yangkeao
        9
    yangkeao  
    OP
       2014-08-16 11:18:57 +08:00 via Android
    @KennyZJ 是指的对于搜索引擎识别head单独做路由吗。
    xvfeng
        10
    xvfeng  
       2014-08-16 14:14:10 +08:00
    @yangkeao 我觉得原因不在SEO,而是Website和Web App的区别。
    yangkeao
        11
    yangkeao  
    OP
       2014-08-16 15:28:27 +08:00
    @xvfeng 嗯,确实。angular.js确实不太适合用来搞这个。

    本来考虑Pjax的,不考虑SEO,用github page定制404页面,js识别地址,ajax获取内容来取代后端处理。

    现在完完全全把angular.js当一个前端路由框架(但没找到其它好用的路由框架)在用了,,这样不好,只是硬生生的把后端往前端上搬来实现静态。

    不过自己想了一想,blog能不能勉强算作MVC呢?就腆着脸用angular.js了
    KennyZJ
        12
    KennyZJ  
       2014-08-16 16:02:54 +08:00
    世事无绝对哦,发挥框架作用增强交互性,精美的magazine style blog也可为嘛
    yangkeao
        13
    yangkeao  
    OP
       2014-08-16 17:30:31 +08:00
    @collin 已经修复,有效果了吗?
    jsq2627
        14
    jsq2627  
       2014-08-16 18:31:37 +08:00
    我也正在用 Go + angular.js 实现一个这样的博客。
    我的设想是真正做到前后端分离,前端全部是静态文件,完全可以用 CDN 分发,后端是 REST API。
    我还想把文章、评论用 Local Storage 缓存起来,实现文章第二次打开时几乎秒开,之后通过 HTTP Cache Header 判断是否需要更新内容。
    collin
        15
    collin  
       2014-08-19 08:19:57 +08:00
    @yangkeao 现在OK了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5184 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 09:30 · PVG 17:30 · LAX 01:30 · JFK 04:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.