Hylia screenshot

Hylia

Author Avatar Theme by Andy set studio
Updated: 15 Oct 2021
907 Stars

Hylia is a lightweight Eleventy starter kit to help you to create your own blog or personal website.

Categories

Overview:

A simple starter kit for EleventyHylia is a lightweight Eleventy starter kit with Netlify CMS pre-configured. It allows users to easily install a progressive and accessible blog in minutes. The starter kit provides a well-organized starting point that can be extended for individual needs.

Features:

  • Pre-configured Netlify CMS setup: Comes with a pre-configured Netlify CMS setup for easy content editing.
  • Customisable design tokens: Allows users to customize design tokens such as colors, size ratios, and fonts.
  • Customisable global data and navigation: Provides the ability to customize global data and navigation for a personalized blog experience.
  • Tags and tag archives: Includes support for tags and tag archives to easily categorize and organize content.
  • Progressively enhanced, semantic, and accessible: Ensures that the blog is progressively enhanced, follows semantic HTML structure, and is accessible to all users.
  • Super lightweight front-end: Provides a lightweight front-end for optimal performance.
  • Sass powered CSS system with utility class generator: Utilizes Sass for easy CSS customization and includes a utility class generator for quick styling.
  • Service worker for offline reading: Includes a service worker that caches pages, allowing users to read articles offline.
  • RSS feed: Generates an RSS feed for blog posts.
  • Basic contact form with Netlify Forms: Comes with a basic contact form that is ready to use with Netlify Forms.

Installation:

Method one: One-Click Deploy to Netlify

  1. Click on the “Deploy to Netlify” button.
  2. Follow the steps to deploy Hylia to Netlify.
  3. Once deployed, you will be up and running in minutes!

Method two: Clone / Fork

  1. Clone or fork the repository using the command: git clone https://github.com/hankchizljaw/hyliacd.
  2. Navigate to the project directory.
  3. Run the command: npm install to install all the dependencies.
  4. Once all the dependencies are installed, run the command: npm start.
  5. Open your browser and visit http://localhost:8080 to access the blog.

Terminal Commands:

  • Serve the site locally: npm start
  • Build a production version of the site: npm run build
  • Compile Sass: npm run sass
  • Re-generate design tokens for Sass: npm run tokens

Summary:

A simple starter kit for EleventyHylia is a lightweight Eleventy starter kit with Netlify CMS pre-configured. It offers several key features such as a pre-configured CMS setup, customizable design tokens, and support for tags and tag archives. The installation process is straightforward, with options for both easy one-click deployment to Netlify and manual cloning or forking of the repository. Overall, this starter kit provides a convenient and efficient way to create a progressive and accessible blog.