Jekyll demo - Refresh Hilo
Download as PPTX, PDF0 likes781 views
Jekyll is a Ruby gem that compiles projects into static sites, supporting features like permalinks, categories, and markdown. To get started, users can refer to the quickstart guide and run commands such as 'jekyll build' or 'jekyll serve' to watch for changes. Jekyll uses Liquid templating for variables and allows front-matter for additional customization in posts and pages.
More Related Content
Jekyll demo - Refresh Hilo
- 2. What is Jekyll? A ruby gem that compiles a Jekyll project into a static site ● Blog-Aware: Permalinks, categories, pages, posts ● Build with markdown, textile, or HTML ● CSS, Javascript : Sass & Coffeescript ● Github.io will compile “safe” project for GitHub pages - no plugins
- 3. How to get started? http://jekyllrb.com/docs/quickstart/
- 4. Running Localhost $ jekyll build --watch OR $ jekyll serve --watch
- 5. _config.yml http://jekyllrb.com/docs/configuration/ ● Changes to _config.yml require a new build, watch only builds the file changed, not whole project
- 6. Front-Matter Jekyll looks for files with 2 sets of 3x dashes --- layout: post title: Easy Page Title custom: my var is set ---
- 7. Variables Can be defined in _config.yml {{ site.var }} Or in a page/post & template {{ page.var }}
- 8. Liquid Templating http://liquidmarkup.org/ Output & Tags: https://github.com/Shopify/liquid/wiki/Liquid-for- Designers
- 9. Other Cool Things Compression - HTML, JS, CSS Data: http://jekyllrb.com/docs/datafiles/ Sass & Coffeescript: http://jekyllrb.com/docs/assets/
- 10. Thank You - Questions? Edward Meehan - http://wetumka.net
Editor's Notes
- #4: Notes for Edward: $ rvm use 2.1.1 - if shell does not recognize jekyll command $ jekyll new refresh-hilo-demo $ jekyll serve --watch
- #5: Build - compiles to _site folder in project - you will need to point your local root directory to _site folder Serve - will run a localhost server on port 4000 - access thru localhost:4000 Which one you use depends on your style of working
- #6: Can make own site vars in _config.yml, recompile to see the change.