初試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文件。因為現在只是初步修改,所以僅僅是將模板中的文字進行替換,經過基本改造,網站已經可以運行了。下一步,會增加幾個頁面,並增加一些簡單的功能。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM