2012-03-09 36 views
2

我正在尋找Jekyll(靜態網站生成器)和Pagify.js或Deck.js之間的交叉。需要客戶端javascript靜態網站生成器類似於jekyll - 沒有服務器端任何

我的網站很簡單,我不關心搜索引擎優化,我不擔心對用戶的系統徵稅。我喜歡pagify.js和deck.js的功能,但是我也希望它們能夠實時呈現模板並使用標記語言。小鬍子和減價是可取的。

如果他們也可以讀取YAML頭部問題並加載部分並在飛行中渲染我的文本和圖像,那就太好了。

它應該讀取markdown並從佈局中呈現它。 &模板。

認爲它是一個客戶端,沒有服務器靜態網站生成器。我可以使用什麼?

我已經簽出hogan.js,mustache.js和其他人,但他們似乎無法做到傑基爾做的事。

順便說一句:我不關心'博客覺醒'。

回答

0

可能這是你想要的嗎?

function Template (temp) { 
    this.template = temp; 
} 
Template.prototype = { 
    render : function (arr) { 
     return this.template.replace(/\{\$([\d\w]*)\}/g, function ($, $1) { 
      return arr[$1] || ""; 
     }) 
    } 
} 
var template = new Template ('<div class="icon {$last}" id="{$id}"><img src="{$src}" alt="" /><div class="title">{$title}</div></div>'); 
console.log(template.render({src:"img.png",title:"123456",id:"a4546"})); 
// <div class="icon " id="a4546"><img src="img.png" alt="" /><div class="title">123456</div></div> 

所以最後我發現了一些:有
https://github.com/evilstreak/markdown-js
https://github.com/OscarGodson/EpicEditor

+0

這就是一部分的方式。它是否允許除默認Prototype之外的其他模板語言?另外,有沒有辦法解析降價? – user1026169 2012-03-09 01:39:01

+1

你可以自己編寫解析器,markdown非常複雜,JavaScript解析器可能會更慢 – 2012-03-09 05:10:14

+0

我並不處於編程的層次。從我能理解的icanhaz.js差不多這樣做。然而,它不會像jekyll這樣的標記語言生成有組織的大小。那裏有什麼嗎?即使是腳本列表 – user1026169 2012-03-09 10:53:39

相關問題