Hydeout

screenshot of Hydeout
jekyll

A refreshed version of Hyde for Jekyll 3.x and 4.x

Overview:

Hydeout is an updated version of the original Hyde theme for Jekyll 3.x and 4.x. It adds new functionality and aims to keep the overall design lightweight and plugin-free. Hydeout utilizes Flexbox in its CSS and provides customization options through SASS variables. It also introduces new features such as tags and category pages, with automatic sidebar inclusion for category pages.

Features:

  • Lightweight Design: Hydeout aims to keep the overall design lightweight and plugin-free.
  • Flexbox CSS: Hydeout makes heavy use of Flexbox in its CSS, providing a responsive layout.
  • SASS Customization: Hydeout allows customization through the use of SASS variables, allowing users to create their own assets/css/main.scss file and override default variables.
  • Tags Page: Hydeout introduces a new tags page, which can be accessed through the sidebar by creating a new page with the tags layout.
  • Category Pages: Hydeout offers a new "category" layout for dedicated category pages. Category pages are automatically added to the sidebar, while other pages need to specify sidebar_link: true in their front matter to appear in the sidebar.
  • Pagination: Hydeout uses pagination, requiring users to swap the index.md file with an index.html file that utilizes the index layout. The number of posts to include per page can be specified in the _config.yml file.
  • Customization Options: Hydeout provides various customizable partials in the _includes folder, allowing users to customize elements such as copyright, custom head tags, custom foot elements, additional nav links, and custom icon links.
jekyll
Jekyll

Jekyll is a static site generator written in Ruby that allows you to create simple, fast, and secure websites without the need for a database.

Gem Based

A website that uses Ruby gems to streamline development workflows and enhance functionality. This includes features such as easy installation and updates, robust and reliable performance, and support for a wide range of plugins and extensions.

github-pages
GitHub Pages

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading

Stylelint

Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.