問題タブ [assemble]

Assemble を使用して、1 つのテンプレートを使用して複数のデータ ファイルから複数の静的ファイルを生成しようとしています。

より詳細には、料理レシピのデータを表す 12 個の JSON ファイルと、default.hbs のレイアウト ファイルを含む 1 つのハンドルバー ファイル、recipe.hbs があります。

これらの各 JSON ファイルに基づいて HTML ファイルを出力したいと考えています。

ファイル構造:

出力：

これはコレクションを使用して可能であるように思えますが、Grunt ファイルの設定方法について頭を悩ませているようには見えません。

ありがとう。

親レイアウトの子レイアウトで定義された YFM プロパティにアクセスする方法はありますか?

たとえば、子レイアウト page.hbs があるとします。

no_header親レイアウト wrapper.hbs の page.hbs で定義された YFM プロパティにアクセスしたいと思います。

AssembleとHandlebarsを使用して静的サイトを生成しています。{{> body}}メイン以外のコンテンツを追加する必要があるいくつかの例外を除いて、同じ一般的なレイアウトを使用するページがいくつかあります。

この一般的なページ構造を考えると:

と の間にindex.htmlマークアップを追加する必要がある場合、それを行う最善の方法は何ですか?<!-- global scripts --></body>

Gruntfile にパーシャルを含めると、次のようになります。

このパーシャルは、タスク内の後続のすべてのアイテムで使用できますがassemble、これは絶対に望んでいません。これが単なる変数である場合、YML フロント マターまたはそのようなもので実行できますが、これは HTML とインライン JS のブロックであるため、フロント マターに配置するよりも少し多くなります。また、ブロックする必要があるため、JS 経由でこのマークアップを読み込むこともできません。

Assemble で正しい index.json を正しい index.hbs ファイルに取得できません。このセットアップでは、両方の index.hbs ファイルを設定するために、最後の index.json ファイルのみが必要です。

この URL 構造は Grunt と Assemble で可能ですか?

次のようなフォルダー構造があります。

およびjsonデータ構造のような

Gruntfile.js (アセンブル部分) は次のようになります。

Assemble を使用して新しいサイトを生成しており、可能な限りモジュール化したいと考えています。コンポーネントの 1 つは、データのリストをループし、アイテムのリストを生成します。

私のコンポーネントは評価と呼ばれ、次のようになります。

そして、私のページには次のものがあります。

その後、Assemble ファイルをコンパイルすると、次のエラーが発生します。

警告: 未定義のプロパティ '長さ' を読み取ることができません --force を使用して続行してください。

しかし、ページにデータとループを含めると、正常に機能しますが、再利用はできません。

パーシャル テンプレートをエスケープされた HTML として含めたい (内で使用するため<pre><code>...<code><pre>)。

私はいくつか{{md}}の{{embed}}ヘルパーを試していますが、成功していません。

私たちは、いくつかの共有レイアウトといくつかのカスタム レイアウトを必要とするアセンブル プロジェクトに取り組んでいます。

当初、デフォルト ページの宛先は 1 つでした。現在、各ブランド/サイトが独自の配布フォルダーを取得できるように、これを分割しています。

私の質問は、物事を分解する前に、すべてが正しく組み立てられていたことです。複数のディストリビューションがあるので、少し混乱しています:)

現在のセットアップ:

テンプレート

組み立てるタスク:

問題は、複数のディストリビューションをうまくアセンブルするにはどうすればよいかということです。optionsそれぞれのレイアウトとインクルードを配置してポイントできますか?

grunt assemble:brandname を実行すると、エラーが発生しますWarning: Layout file (forgot-password.hbs) not found

私が見たAssembleドキュメントや他のリポジトリから比較的単純に見えることをしようとしていますが、何らかの理由でハンドルバーヘルパーの登録に問題があります。ヘルパーは helpers > helper-classgrid.js にあります

私のうなり声 config.helpers = helpers:

テンプレート コード:

Handlerbars テンプレートにヘルパーを実装し、アセンブル タスクを含む grunt タスクを実行すると、エラーが発生します。

何が間違っていたのか、またはヘルパー用に別の NPM パッケージを作成する必要があるのか​​ どうかはわかりません。私がやろうとしていることをしているように見えるこれらの2つのリポジトリを見てきました

https://github.com/buildingblocks/bb-prototype-website/blob/master/Gruntfile.js https://github.com/ghost-town/layouts-example/blob/master/Gruntfile.js#L33