siteleaf / siteleaf.com

Siteleaf v2 theme for the siteleaf.com marketing site and blog
http://www.siteleaf.com
76 stars 47 forks source link

Adding search to the blog articles #19

Open pixelastic opened 6 years ago

pixelastic commented 6 years ago

Hello,

I noticed that you have a lot of content on your blog, but no way to quickly search into it. As the author of the jekyll-algolia plugin, I'd like to offer my help to see how we could fix that together :)

If you're not familiar with Algolia, we provide a search API that allows even static websites to have the fast and relevant search they deserve. The jekyll-algolia plugin hooks into any Jekyll website to extract content from pages, posts or custom collection and push them to an Algolia index. This index is then accessed directly through our API from the front-end (using our instantsearch.js library). This allows for very fast and responsive search UI to discover content.

I did a quick integration of the plugin into your blog, that you can try for yourself here:

2018-03-08_17h34m15

Of course, it would need to be more inline with your curent website styling (and maybe adding the search bar on every blog page, not only on the index), but I wanted to check with you first what you thought about it. I'd be happy to help you having it set up if you think it's interesting :)

I have the whole code available on my fork if you want to have a look at how it's done. I'm currently using Netlify for the deployment here as it allow me to run jekyll build && jekyll algolia as part of the deployment. For GitHub Pages, you can go through TravisCI to run the command for you.

I also noticed that your learning center search experience could also be improved, but this might be better solved by DocSearch. Happy to chat about that as well :)

DirtyF commented 6 years ago

@pixelastic mobile view lacks default padding (test it on your phone)

siteleaf-algolia

pixelastic commented 6 years ago

Thanks! This would have to be fixed if accepted. I only did a quick desktop test first to check if people would be interested in that :)