KevsRobots Learning Platform

Building Websites with Jekyll

84% Percent Complete

Introduction to Jekyll and Static Sites
Advanced Jekyll
Bonus

Real-World Applications of Jekyll

Explore how Jekyll can be used to build various types of websites such as blogs, portfolios, and small business websites.

By Kevin McAleer,    2 Minutes

Introduction

Jekyll isn’t just for personal blogs; it’s a versatile tool that can be used for a wide range of web projects. In this lesson, we’ll explore how Jekyll can be adapted for different types of websites.

Part 1: Blogging with Jekyll

Jekyll is a popular choice for bloggers due to its simplicity and ease of content management.

Setting Up a Blog

  • Utilize Jekyll’s built-in support for blog structures.
  • Create posts in the _posts directory.
  • Use front matter to manage post metadata like dates and categories.

Customizing the Blog Layout

  • Choose or customize a theme that suits your blogging style.
  • Use layouts and includes to design your blog’s appearance.

Part 2: Creating a Portfolio Site

A portfolio site showcases your work and is crucial for artists, designers, and developers.

Building a Portfolio

  • Organize your work in a clear and visually appealing way.
  • Use Jekyll collections to manage your portfolio items.

Integrating Media

  • How to include images, videos, and other media types in your portfolio.
  • Optimizing media for web performance.

Part 3: Building a Small Business Website

Jekyll can also be used for small business websites, offering a simple way to manage and update content.

Creating Service Pages

  • Structure your site to highlight your services or products.
  • Use Jekyll data files to manage service information.

Contact Forms and Local SEO

  • Integrate contact forms using third-party services like Formspree.
  • Implement local SEO best practices to target your business location.

Conclusion

Jekyll’s flexibility makes it an excellent choice for a variety of web projects, from personal blogs to professional portfolios and business websites.

Additional Resources

Assignment

Choose an application – a blog, portfolio, or business site. Start building it using Jekyll, focusing on the specific needs of your chosen application.

< Previous Next >