poole/hyde
Hyde
Hyde is a static site theme for Jekyll that implements a two-column layout featuring a dedicated sidebar and a primary content area. It serves as a template for organizing text-heavy websites, providing a structure for documentation, portfolios, and blogs.
The theme distinguishes itself through a Gist integration framework that allows for the embedding of hosted code snippets and external blocks via remote identifiers. It also includes an automated system for generating standard RSS feeds and custom error pages during site setup.
The project covers visual customization through predefined color schemes and style sheets, as well as layout flexibility that allows the sidebar and content area to be swapped. It supports the creation of dynamic sidebars with active link highlighting and the suggestion of related content at the end of articles.
Features
- Static Site Generators - Compiles markdown and templates into a standalone set of static HTML files ready for deployment.
- Jekyll - Provides a responsive Jekyll theme designed for building documentation sites with a structured two-column layout.
- Collection-Based Navigations - Provides automated sidebar link generation based on the site's content collections and metadata.
- Markdown to HTML Converters - Transforms Markdown plaintext files into structured HTML for web display with syntax highlighting.
- Static Websites - Produces a website consisting of pre-rendered HTML and CSS files served without a dynamic backend.
- Technical Blog Themes - Provides a visual design system and template optimized for rendering technical content and code in a blog format.
- Remote Snippet Embedding - Includes a framework for embedding hosted code snippets and external blocks via unique remote identifiers.
- Document Front-Matter Configurations - Uses YAML front-matter in source files to define page-specific metadata and control layout behavior.
- Vertical Column Layouts - Implements a layout split into vertical columns to organize navigation and primary text.
- Customizable Website Templates - Ships a customizable web design with a configurable sidebar and main content area that can be swapped.
- Page Layout Templates - Utilizes structural templates to determine the visual arrangement of the sidebar and main content area.
- Dynamic Sidebar Navigations - Creates sidebar navigation that updates based on active page layouts and site structure.
- Documentation Sites - Provides a structured layout specifically designed to host and organize detailed technical documentation and knowledge bases.
- Static Site Themes - Provides predefined visual templates and color schemes for customizing the appearance of a static site.
- External Code Embeds - Enables the injection of code snippets from remote GitHub Gists into published content using unique identifiers.
- Developer Portfolio Sites - Offers a professional site structure for showcasing projects and experience with integrated syntax highlighting.
- Rich Text Rendering - Displays formatted HTML elements and applies syntax highlighting to code blocks for improved readability.
- Active Page Highlighting - Implements a navigation sidebar that automatically highlights the active page to help users orient themselves.
- Site Appearance Customizations - Provides tools for modifying the visual identity of the site, including color schemes and style sheets.
- CSS Base Styles - Establishes a foundational visual baseline through CSS-based style sheets for colors and typography.
- Visual Themes - Provides swappable visual identities and color schemes to change the overall look and feel of the interface.
- Liquid Template Rendering - Employs the Liquid template language to inject dynamic content into static HTML layouts during build time.
