Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Jekyll + GitHub + LunrJS

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.

Ray Hightower

January 02, 2016
Tweet

More Decks by Ray Hightower

Other Decks in Technology

Transcript

  1. 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.
  2. $ git init $ git add . $ git commit

    -m ‘ready to push this site to github’ $ git checkout -b gh-pages $ git remote add origin [email protected]:username/mysite.git 
 $ git push -u origin gh-pages Browser (10-30 min): http://username.github.io/mysite Hosting at GitHub
  3. $ 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?