About Cacher
Web App
Download
Sign In
Sign Up
menu
Cacher is the code snippet organizer for pro developers
We empower you and your team to get more done, faster
Learn More
okuden-labo
6/7/2016 - 2:17 AM
share
Share
add_circle_outline
Save
assemble docs
assemble docs
assemble-docs.md
content_copy
file_download
Rendered
Source
assemble docs
1.assemble メモ
画像リンクでactiveな設定が必要でなければ、includeファイルで相対パスを指定
リンクでactiveな設定が必要な時は、ymlかcollectionで読み込む
サイトの情報(description、タイトルなど)はsite.yml(site.json)にまとめる
サイト全体の設定はsite.json、site.ymlに入れて管理する
basename : ルートから現在のページのbasenameを返す。例)
{{basename: 'index.html'}}
は
index
を返す
withSort
文字列でソート 通常は値の小さなものから ☆日付のソート機能
1ファイルにまとめているパーツを、読み込み時に受け渡す値に応じて分岐させたい
assembleのis
tag:tagでisを使う場合はtag、ループする場合はtags
assembleの詳しい情報を調べる場合
https://github.com/assemble/assemble/issues
1ファイルにまとめているパーツを、読み込み時に受け渡す値に応じて分岐させたい
http://qiita.com/yama-t/items/4c26d309ca574603312b
{{#each}} 中、指定回数毎に処理をしたい
http://qiita.com/mijabi/items/cc0f12cd23199ee22847
Assemble - Handlebars.js でヘルパーからオブジェクトを参照する
http://qiita.com/tkdn/items/499d253c0c71ebdaf56b
Lo-Dash templateはgrutfile、YAML/JsonYFMなどで使えるが、ページのコンテンツでは使えない
2.assemble 必要な機能
リンク設定
htmlの整形
jsファイルの連結+圧縮、画像の圧縮、CSSの圧縮 ※特に必要ない
RSSの作成
3.assemble サイトマップの作成
1.pagesで作成
1.ページのYFMにデータを書き、同一のテンプレートで読み込む
2.出力するデータを1つのファイルに記載し、ページを自動生成する
2.プラグインの利用
https://github.com/assemble/assemble-middleware-sitemap
https://github.com/assemble/boilerplate-sitemap
https://github.com/assemble/grunt-assemble-sitemap
4.assemble ブログ機能
http://bangline.co.uk/posts/blog-assemble.html
http://www.hongkiat.com/blog/blogging-with-assemble/
https://github.com/assemble/assemble-boilerplate-blog
http://www.andismith.com/blog/2014/02/getting-started-with-assemble/
http://www.andismith.com/blog/2014/02/creating-a-list-of-posts-in-assemble/
http://www.hongkiat.com/blog/blogging-with-assemble/
http://stackoverflow.com/questions/25544627/how-to-use-assemble-to-add-a-directory-of-markdown-files-to-my-index
5.assemble ページの自動生成
ページのYFMにデータを書き、同一のテンプレートで読み込む
出力するデータを1つのファイルに記載し、ページを自動生成する
サンプルファイル SkyDrive\Work\assemble-ページ自動生成
6.assemble 複数ターゲットの指定
http://js.studio-kingdom.com/grunt/doc/configuring_tasks
http://js.studio-kingdom.com/grunt/doc/creating_tasks#1
http://qiita.com/shuhei/items/1156a795903b55d6b0d7
7.assemble その他
http://www.hongkiat.com/blog/blogging-with-assemble/
http://blog.parkji.co.uk/2013/07/06/building-a-static-site-using-grunt-and-assemble.html
clear