Init new template and style

2026-01-20 14:02:22 +01:00
commit e429e6f25b
63 changed files with 6933 additions and 0 deletions
@@ -0,0 +1,81 @@
+---
+title: "Getting Started with Hugo: A Beginner's Guide"
+date: 2023-07-20
+author: "John Doe"
+description: "Learn how to build your first website with Hugo, the world's fastest framework for building websites."
+categories: ["Tutorials"]
+tags: ["hugo", "static-site", "web-development", "beginners"]
+featured_image: "/images/blog/blog-1.jpg"
+---
+
+{{< toc >}}
+
+## Introduction
+
+Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.
+
+## Why Choose Hugo?
+
+Here are some compelling reasons to choose Hugo for your next project:
+
+1. Lightning Fast
+2. Easy to Learn
+3. Highly Flexible
+4. Great Community
+
+## Setting Up Your First Hugo Site
+
+Let's walk through creating your first Hugo site:
+
+{{< code bash "terminal" >}}
+# Create a new Hugo site
+hugo new site my-awesome-site
+cd my-awesome-site
+
+# Initialize git and add a theme
+git init
+git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke themes/ananke
+
+# Add the theme to your configuration
+echo "theme = 'ananke'" >> config.toml
+
+# Create your first post
+hugo new posts/my-first-post.md
+{{< /code >}}
+
+## Working with Content
+
+Hugo makes content creation straightforward. Here's how to organize your content effectively.
+
+## Advanced Features
+
+Hugo comes with many advanced features out of the box:
+
+1. **Taxonomies**: Categories and tags
+2. **Shortcodes**: Easy way to add complex content
+3. **Custom Outputs**: JSON, AMP, etc.
+4. **Asset Processing**: SASS/SCSS, PostCSS
+
+## Code Examples
+
+Here's an example of a simple Hugo template:
+
+{{< code html "layouts/_default/single.html" >}}
+{{ define "main" }}
+<article>
+    <h1>{{ .Title }}</h1>
+    <time>{{ .Date.Format "2006-01-02" }}</time>
+    {{ .Content }}
+</article>
+{{ end }}
+{{< /code >}}
+
+## Conclusion
+
+Hugo provides an excellent foundation for building modern websites. Its combination of speed, flexibility, and ease of use makes it a great choice for projects of any size.
+
+## Next Steps
+
+- Explore Hugo's [official documentation](https://gohugo.io/documentation/)
+- Join the [Hugo community](https://discourse.gohugo.io/)
+- Check out some [Hugo themes](https://themes.gohugo.io/)