Learn it my way

Learn it my way is a Hugo-powered personal website repository that generates a blog-style static site for Netlify hosting, built on the Ananke theme.

What is Learn it my way?

Learn it my way is the public source code for the personal website at learnitmyway.com. It uses Hugo as the static site generator, Netlify for hosting and continuously deploying the site, and the Ananke theme for layout and styles. The repository takes Markdown files as input, typically created with the hugo new post/ command, and outputs a static HTML site ready for deployment. Content is licensed under CC BY-SA 4.0, and the software is released under an MIT license.

Who should use Learn it my way?

Developers who want to maintain a personal blog with Hugo and Netlify can use this repository as a working example. Bloggers who prefer writing in Markdown and deploying via Git workflows will find the setup adaptable. People learning static-site generation can study how the author integrates Hugo, Netlify, PostCSS, and the Ananke theme in one project.

Key Features

• Hugo static site generation — Produces a static HTML site from Markdown content and supports archetypes such as hugo new post/my-first-post.md.
• Netlify deployment — Uses a netlify.toml configuration and displays a Netlify deploy-status badge, enabling continuous deployment.
• Ananke theme foundation — Layout and styles are based on the Ananke theme, providing a standard blog design.
• PostCSS styling — The repository lists PostCSS as a topic, indicating its use in the CSS build pipeline.
• Front-End Checklist compliance — A badge shows that the repository follows the Front-End Checklist, a set of front-end best practices.
• Open licenses — Content is shared under CC BY-SA 4.0, while the code is MIT licensed, so reuse is clearly defined.
• Local development tooling — A Makefile with make dev, plus configuration for mise and npm, automates the local setup.
• Release process documentation — The author's article describes the tools and practices used to release updates to the site.

What can you do with Learn it my way?

• Personal bloggers: Write a new post in Markdown, run hugo new post/, and push to the repository to trigger a Netlify build.
• Hugo learners: Inspect a real project structure that combines Hugo, Netlify, PostCSS, and theme customization.
• Open-source reusers: Fork the MIT-licensed code and adapt it for your own static website.

How does Learn it my way work?

The local development flow starts with mise install to manage tool versions, then brew install hugo to install the Hugo binary, and npm install -g netlify-cli to get the Netlify CLI. After running netlify login and netlify link to connect the repository, you start the development server with make dev. New content is added through Hugo archetypes.

FAQ

How do I add a new post to the website?

Run hugo new post/your-post-title.md in the terminal. This creates a new Markdown file in the post directory with front matter, which you can then edit and commit.

What is the content license?

The website's content is licensed under CC BY-SA 4.0, meaning you can share and adapt it with attribution and share alike. The software code is separately licensed under the MIT license.

Does this template support Netlify deployments out of the box?

Yes. The repository includes netlify.toml and a Netlify status badge, and the README explains how to link the repo using netlify link. Continuous deployment is triggered by pushing changes to the connected Git repository.