AngularJS+Gulp开发极速静态博客系统(三)

创建 AngularJS ngApp

我们依赖于 angular.min.jsangular-route.min.js,在 index.html 中添加。

新增 src/app.coffee 并在 index.html 中引入。

配置 ngApp

增加 ngRoute 的依赖,并且对 $routeProvider 进行配置。

将对首页、分类、标签和存档的访问路由到相应控制器,指定模板为 partial/posts.html

将对博客文章的访问路由到文章控制器,指定模板为 partial/post.html

配置 $httpProvider.defaults.cache = true 以默认开启对 http 请求的缓存。

阅读全文

AngularJS+Gulp开发极速静态博客系统(一)

AngularJS 是 Google 开发的纯客户端 JavaScript 的 MVVM (Model View View-Model) WEB 框架,用于扩展、增强 HTML 功能,它专为构建强大的 WEB 应用而设计。

Gulp 是一种基于流的,代码优于配置的新一代构建工具。Gulp 和 Grunt 类似。但相比于 Grunt 的频繁的 IO 操作,Gulp 的流操作,能更快地完成构建。

Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强,因此有很多人用它写博客。世界上最流行的博客平台 WordPress 和大型 CMS 如 joomla、drupal 都能很好的支持 Markdown。

现在不少同学将静态博客托管在 GitHub、GitCafe 或者七牛上,其中使用的程序大多是将文章由 Markdown 编译为静态页面,完成博客的部署。

同样,我们可以使用 Markdown 来撰写博客文章,由 Gulp 将文章编译为 HTML,并进行索引,前端完全由 AngularJS 进行路由及渲染。

这样就可以达到单页面无刷新的博客浏览体验,打造一个访问极速的博客,我把它叫做 Tini

阅读全文