Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/gurusabarish/hugo-profile/llms.txt

Use this file to discover all available pages before exploring further.

The Projects section renders a responsive card grid of your work directly on the homepage. Each card displays a screenshot, badge pills for technologies used, a description, an optional featured CTA button, and icon links for sharing or further reading. The entire section is configured under params.projects in your hugo.yaml.

​
Enable the Section

​
params.projects.enable
boolean
default:"false"
Set to true to display the Projects section on the homepage.
​
params.projects.title
string
Optional custom heading for the section. Defaults to the built-in i18n string "Projects" when omitted.

​
Project Item Fields

Add each project as an entry under params.projects.items. The following fields are available per item:
​
title
string
required
The display name of the project, shown as the card heading.
​
content
string
A short description of the project. Supports Markdown for inline formatting such as bold, links, or code spans.
​
image
string
Path to a screenshot or representative image for the project (e.g., /images/projects/profile.png). The image is displayed as the card’s top banner.
​
featured.name
string
Label for the featured CTA button rendered in the card footer (e.g., "Demo" or "Live Site").
​
featured.link
string
URL the featured CTA button points to. Opens in a new tab.
​
badges
string[]
An array of technology or tag strings rendered as badge pills above the card title (e.g., ["Hugo", "Bootstrap", "JavaScript"]).
​
links
object[]
An array of additional icon links shown in the card footer alongside the featured button. Each entry requires:
  • icon — a Font Awesome CSS class string (e.g., fab fa-github)
  • url — the destination URL; supports mailto: links
Use Font Awesome class names for links[].icon. Common examples include fab fa-github, fab fa-twitter, and fa fa-envelope. Browse the full icon set at fontawesome.com.

​
Example Configuration

The following example adds three projects to the section, matching the theme’s example site: 
params:
  projects:
    enable: true
    # title: "My Work"   # uncomment to override the default heading
    items:
      - title: Hugo Profile
        content: A highly customizable and mobile first Hugo template for personal portfolio and blog.
        image: /images/projects/profile.png
        featured:
          name: Demo
          link: https://hugo-profile.netlify.app
        badges:
          - "Hugo"
          - "Bootstrap"
          - "Javascript"
        links:
          - icon: fa fa-envelope
            url: mailto:?subject=Hugo%20Profile%20Template&body=Check%20it%20out:%20https%3a%2f%2fhugo-profile.netlify.app%2fblog%2fmarkdown-syntax%2f
          - icon: fab fa-github
            url: https://github.com/gurusabarish/hugo-profile
          - icon: fab fa-twitter
            url: https://twitter.com/intent/tweet?text=Check+it+out:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile

      - title: Image Converter
        content: A web app to convert image to pdf, png to jpg, png to jpg and png to webp without database using django.
        image: /images/projects/converter.jpg
        featured:
          name: Demo
          link: https://django-converter.herokuapp.com
        badges:
          - "Django"
          - "Bootstrap"
        links:
          - icon: fab fa-github
            url: https://github.com/gurusabarish/converter

      - title: Hugo Profile V2
        content: A clean and simple Hugo template for personal portfolio and blog.
        image: /images/projects/profile2.jpg
        featured:
          name: Demo V2
          link: https://hugo-profile-2.netlify.app
        badges:
          - "Hugo"
          - "Bootstrap"
          - "Javascript"
        links:
          - icon: fab fa-github
            url: https://github.com/gurusabarish/HugoProfileV2
Projects can also be sourced from individual content files of type projects placed in your content/ directory. Content-file projects are automatically appended to the grid and include a “Know more” link to the full page.

Build docs developers (and LLMs) love

Get started for freeTalk to us