初試Nodejs——使用keystonejs建立部落格網站2（修改模闆）

如何修改基于nodejs的cms系統keystonejs的顯示模闆

上一篇（初試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檔案。因為現在隻是初步修改，是以僅僅是将模闆中的文字進行替換，經過基本改造，網站已經可以運作了。下一步，會增加幾個頁面，并增加一些簡單的功能。

本文來自部落格園，作者：尋找無名的特質，轉載請注明原文連結：https://www.cnblogs.com/zhenl/p/6018405.html