Jekyll + GitHub + LunrJS

Detailed steps: How to Make lunr.js and Jekyll Work Together (with Gotchas)

This presentation describes how to combine three open source tools into a powerful blog or web site.
* Jekyll, the Ruby-based static page generator.
* GitHub, the collaboration tool, used for hosting and its content delivery network.
* LunrJS, to give site visitors fast search capabilities.

Transcript

1. ChicagoRuby: North Shore Saturday, January 2, 2016 Northbrook, IL, USA @RayHightower
2. What Why How ?
3. CMS On each page request:
 1. Pull page content from database.
 2. Generate new HTML page. Static No database. Generate all HTML pages before we deploy.
4. Responsive Design
5. $ gem install jekyll $ jekyll new mysite 
 $ cd mysite $ jekyll serve -w
6. Demo Time
8. GitHub Pages + Jekyll
9. $ git init $ git add . $ git commit -m ‘ready to push this site to github’ $ git checkout -b gh-pages $ git remote add origin git@github.com:username/mysite.git 
 $ git push -u origin gh-pages Browser (10-30 min): http://username.github.io/mysite Hosting at GitHub
10. $ git checkout gh-pages $ touch CNAME $ echo “mycooldomainname.com” > CNAME Configure your DNS provider so that the CNAME record points to http://github.io/mysite Browser (10-30 min): http://username.github.io/mysite Custom Domain Name?
12. Custom domain in action.
13. Type of Page Organization http://rayhightower.github.io http://rayhightower.com Project http://rayhightower.github.io/troop534 http://troop534.org Branch master gh-pages ==> ==>
14. Future Stuff Beyond today or more advanced.
15. lunr.js
17. Thanks! RayHightower.com