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

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

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

 

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：

 

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

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

 

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