Development of a Portfolio and Presentation Website Based on the Hugo Framework

After completing my internship with my defense in September 2024, I began developing this site to showcase my projects and skills. This portfolio, built with the Hugo framework, highlights my professional and personal achievements.

How Hugo Works

Hugo framework logo

Source : Hugo

Hugo is a modern static site generator framework, widely appreciated for its speed and simplicity. Here are some key points about Hugo:

  1. Speed: Hugo is known for its ability to generate websites at an impressive speed, making it ideal for projects requiring frequent updates.

  2. Simplicity: With Hugo, content creation is simplified through the use of Markdown files, allowing for easy and intuitive writing.

  3. Flexibility: Hugo offers great flexibility with its theme and template system, allowing for extensive customization of the site’s design and functionality.

  4. Active Community: Hugo benefits from an active community and comprehensive documentation, facilitating learning and troubleshooting.

  5. Multilingual: Hugo natively supports the creation of multilingual sites, which is a major asset for international projects.

Hugo works by converting content written in Markdown and templates into static HTML.

  • Content Creation: Users create content using Markdown files, allowing for simple and efficient writing.
  • Templates and Themes: Hugo uses templates and themes to define the appearance and structure of the site. These templates are written in HTML and CSS, with additional features provided by Hugo.
  • Site Generation: When you run Hugo, it compiles the content and templates to generate a static website, ready to be deployed on a web server.

Implementation of the Website

In this section, we will explore the technical aspects of the website, its development, and its deployment.