Hylia is a lightweight Eleventy starter kit to help you to create your own blog or personal website.
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
- Click on the “Deploy to Netlify” button.
- Follow the steps to deploy Hylia to Netlify.
- Once deployed, you will be up and running in minutes!
Method two: Clone / Fork
- Clone or fork the repository using the command:
git clone https://github.com/hankchizljaw/hyliacd
. - Navigate to the project directory.
- Run the command:
npm install
to install all the dependencies. - Once all the dependencies are installed, run the command:
npm start
. - 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.