Assemble Template
A boilerplate to generate static HTML pages using Assemble.io. Livereload served using grunt-connect
and grunt-contrib-watch
.
Managing a library of Static HTML pages can be daunting, especially when you're making miniscule amends. Assemble.io generates your HTML from handlebars
templates, so changes made are reflected across all pages.
What projects can I use
assemble-template
for?
- Building and maintaining lightweight, CMS-less websites
- Wireframes and scaffolding
- HTML Emails
Installation
Clone the repository by running the following command.
git clone https://github.com/thetanman/assemble-template.git
Change to the project directory to the git repo and install node modules.
cd assemble-template && npm install
Project Structure
This template uses example button-040 to generate 2 pages, ./dist/001/index.html
and ./dist/002/index.html
.
001/
| index.hbs
| partial.hbs
| partial.json
002/
| index.hbs
| partial.hbs
| partial.json
assets/
img/
templates/
| includes/
| header.hbs
| footer.hbs
| layouts/
| default.hbs
Gruntfile.js
node_modules/
package.json
README.md
Versions
Version 2.0: Polar Bear
- Added
grunt-contrib-connect
to serve HTML files - Mimic project structure from assemble buttons
- Removed
browser-sync
support, switched togrunt-contrib-watch
for livereload options
Version 1.1: Bear
Added grunt-contrib-watch
to update changes to handlebars files, livereload served with browser-sync
.
Roadmap:
- Watch for added files to project using
grunt-contrib-watch
- Add documentation section with markdown capability