初试Nodejs——使用keystonejs创建博客网站2(修改模板)

上一篇(初试Nodejs——使用keystonejs创建博客网站1(安装keystonejs))讲了keystonejs的安装。安装完成后,已经具备了基本的功能,我们需要对页面进行初步修改,比如,增加自己网站的logo、修改首页的介绍、对网站进行本地化等等。本文继续记录网站的基本改造过程。

首先按照上一篇的介绍,在本地安装开发版的keystoenjs网站,开发完成后,再部署到生产环境。安装完成后的目录结构是这样的:

初试Nodejs——使用keystonejs创建博客网站2(修改模板)

iisnode:这是iisnode运行时的目录,不用去管它。

models:这里面是网站模型的js文件,将来开发新功能时会修改或增加模型,目前不修改模型。

node_modules:项目依赖的node模块,不用管它。

public:网站的前端js、css、图片等文件,修改样式时可能会修改这里的文件。

routes:路由,如果增加页面,会修改这里的js文件。

templates:网站的显示模板,这是我们现在需要修改的重点。keystonejs支持多种模板引擎,我选择的是jade。不管使用哪种引擎,工作原理类似。

updates:这里存放升级时执行的js文件,将来会涉及到这里的修改。

现在的任务是修改templates中的模板文件,templates中的模板文件是文本文件,可以使用任何文本编辑器进行修改,但是我们希望搭建一个开发环境,可以覆盖整个开发周期。我喜欢使用Sublime text3,在官网下载安装就可以: http://www.sublimetext.com/3 。然后安装 SublimeText-Nodejs插件,可以参考这篇文章《在windows环境下基于sublime text3的node.js开发环境搭建》。

安装完成后,打开资源管理器,将网站目录拖动到SublimeText中,整个目录结构会放置在SublimeText的左侧,选择keystone.js,右显示代码。这时,可以按 Ctl-B运行keystone.js:

初试Nodejs——使用keystonejs创建博客网站2(修改模板)

在浏览器中打开http://localhost:3000就可以浏览网站了。

接下来就可以修改模板了,模板文件保存在templates目录下:

初试Nodejs——使用keystonejs创建博客网站2(修改模板)

主要修改的是layouts中的default.jade和views中的各个页面的jade文件。因为现在只是初步修改,所以仅仅是将模板中的文字进行替换,经过基本改造,网站已经可以运行了。下一步,会增加几个页面,并增加一些简单的功能。

上一篇:如何查看tomcat是32位还是64位


下一篇:C++Primer 第十四章