Jekyll Showcase! - Share your sites built with Jekyll

GuitarLessons.org - https://www.guitarlessons.org

This is a side project of mine where I am posting the chords and lyrics for learning how to play songs on guitar. I deployed it with Netlify and have learned how to use Fluid to auto populate the home page with new posts when I create one. Next will be adding some custom design to make it stand out more. Also will be adding more navigation as the song catalog grows.

DevX.Blog

This was my very first website using Jekyll. And I learned a lot in the process - building collections, multi-author blog, configuring the site properly to work out of box in Siteleaf (and, of course, lots of props to the wonderful folks there for there help on the Slack channel), …

I’ve since gone on to build more sites in Jekyll - kb.life/22, cpc.softcom.ng, and more in the works. Jekyll has easily become my default choice for building website.

I’m currently also exploring using Jekyll as an application framework for web apps integrating Vue. Could I seek guidance here?

Thanks.

Type on Strap

A new simple, responsive theme based on Type Theme.
You can see the Demo

iridakos.com - https://iridakos.com

Personal blog with posts related to programming, tutorials and open source.

https://github.com/iridakos/iridakos.github.io

Josh Pasholk (Portfolio) - jpasholk.com

I have been playing around with different themes to see how Jekyll works and now I’m in the process of building my own site. When I started learning about frameworks I stumbled across UIKit. I hope to turn it into a theme when it’s complete.

My main goal with this site is gaining a better understanding of Jekyll and programming in general. A secondary goal is to see how little custom CSS I can use, relying on UIKit for as much as possible. I’m not really sure why I’m doing that, just seems like an interesting thing to do.

https://github.com/jpasholk/jpasholk.github.io

https://juniortheme.live/

Junior is a blog/portfolio theme, designed with the needs of junior developers and students in mind.

Features

  • Mobile-ready CSS
  • Sleek CSS-transition elements
  • An auto-populating Github Portfolio page
  • A resumé page (with print to PDF button)
  • Visual focused projects page
  • Disqus Commenting integration
  • Google Analytics integration
  • Contact Page

https://github.com/thundergolfer/junior-theme

1 Like

https://www.we-tak.co

this is my first personal site i made with jekyll, its a home page of a chat site using sass and ruby

1 Like

Richard Chiriboga - RichardChiriboga.com

This is my personal website. I am always adding tweaks and updates to it. It’s a constant progression.

https://github.com/chiriboga/chiriboga.github.io

eggoez - https://eggoez.github.com

Personal Blogs

https://github.com/eggoez/eggoez.github.com

I have my website on jekyll for a few years now but this week I modified an existing reveal.js repo slightly to have it alongside my website, and this is the first presentation I’ve put in, it’s in German but still a nice thing to have https://tomk32.github.io/presentations/de/ruby-dsl

Changes in the repo are restricted to the submodule, a few lines in the config and a separate layout and the presentation itself is a single html (not markdown!) file https://github.com/TomK32/tomk32.github.io/blob/master/_presentations/de/ruby-dsl.html

2 Likes

Minimaterialize - https://www.sean.sh/minimaterialize/

Fork of the default Jekyll starter theme that uses the Materialize CSS framework. I learned how to publish a ruby gem, more about how jekyll has progressed in the last three years (wonderfully), and got familiar with Materialize CSS. Hope it’s useful!

https://github.com/sh78/minimaterialize/

Mapwize - Indoor mapping platform

Here at Mapwize, we built our company’s website on Jekyll. Although it’s not a blog, it’s useful to make a clean and readable code optimized for SEO! Looking forward discovering Jekyll 4.0, great job so far!

1 Like

Jon Persson (portfolio/marketing website) - https://jonpersson.co

This is the marketing website for my design consultancy—communicating who I am, what my capabilities are, and showcasing a number of in-depth case studies.

1 Like

I really like the simple clean look of this site. Nice job! Can I ask about the tools you used to create it? For example the page transitioning and any frameworks for the styles?

Latori GmbH - https://www.latori.com

This is the company website of Latori GmbH. We are an internet agency specialized in Shopify and Salesforce development. The programming language of our choice is Ruby and so Jekyll was the natural candidate when we redesigned our website. The template is completely self developed and as design basis we bought ourselves a Bootstrap Theme.

We are more than satisfied with the Jekyll, the expansion possibilities and the result and also use Jekyll for customer projects e.g. https://crazychair-nautic.com/

Thanks David, appreciate the kind words! The page transitions are made possible thanks to SmoothState.js. The parallax hover effect on the Portfolio page is pure CSS. I also used Tania Rascia’s “Primitive” Sass boilerplate, which I’ve found to be very easy to adapt for use in most dev projects.

1 Like

briandigital.com – My Portfolio and Weblog.

Launched last week, first personal site made with Jekyll, second Jekyll site overall. I’m a UX and Instructional Designer, so I don’t generally do a ton of coding, but I like to keep up with coding skills, so I started with the Hydeout theme, and began to customize from there. I figured out how to host it on Netlify, which continuously deploys from my GitHub repo. First time I’ve worked in an open repo, first continuously deployed site, first “serverless” site. I’m just checking off the buzzwords here.

My current task is to add a microblogging feature to the site, including posting to Micro.blog

The primary intent of the site is to act as my portfolio, as an independent UX and Instructional Designer. Please reach out if you need help in that area!

biersergreer.com - Client site - been a while since this was created but takes advantage of collections and a data files for attorneys and the areas of practice. Could be better but leanered a lot on this one

linuxdeveloper.space - where I post no bullshit guides to Linux

GitHub: linuxdevspace / blog

I blog about Jekyll, Linux, and open source.

I use a modified clouldcannon Jekyll theme

1 Like