2012-03-09 1 views
2

私はJekyll(静的Webサイトジェネレータ)とPagify.jsまたはDeck.jsの間のクロスを探しています。には、jekyllに似たクライアント側のJavaScriptの静的なWebサイトジェネレータが必要です - サーバ側には何もありません

私のサイトは簡単ですが、私はSEOを気にせず、ユーザーのシステムに課税することについて心配していません。私はpagify.jsやdeck.jsのようなものが好きですが、テンプレートをリアルタイムでレンダリングしてマークアップ言語を使用したいと考えています。口ひげとマークダウンは優先されます。

YAMLの頭を読むことができ、部分的な部分を読み込んで、その場でテキストと画像をレンダリングすることができれば、素晴らしいことでしょう。

マークダウンを読み込んでレイアウトからレンダリングする必要があります。 &テンプレート。

サーバー側の静的なWebサイト生成ツールではなく、クライアント側と考えることができます。何が使えますか?

私はhogan.js、mustache.jsなどをチェックアウトしましたが、彼らはJekyllが行うことはできないようです。

ご参考まで:私は「ブログの意識」について心配していません。

答えて

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

が途中のthats。それはデフォルトのプロトタイプ以外の他のテンプレート言語を許可していますか?また、マークダウンを解析する方法はありますか? – user1026169

+1

あなた自身でパーサを書くことができます。マークダウンは非常に複雑で、JavaScriptのパーサーははるかに遅くなる可能性があります。 –

+0

私はプログラミングのレベルではありません。私がicanhaz.jsがほとんどこれを理解することが理解できるものから。しかし、それはジーク缶のようなマークアップ言語から整理されたサイズを生成しません。そこに何かありますか?スクリプトのリストさえも – user1026169

関連する問題