Skip to content
HugoBlox Docs

Step 4: Homepage Blocks

Your homepage is built from Blocks. Think of them like Lego bricks—you can stack them, move them, and configure them to build any layout.

  1. Open the Homepage Configuration

    Navigate to content/_index.md. This file defines the structure of your landing page.

  2. Understand the Structure

    Scroll down to the sections: list. Each item starting with - block: represents a section on your page.

    • resume-biography-3: The top “Hero” section with your photo.
    • markdown: A simple text section.
    • collection: A grid of your recent posts, publications, or projects.

  3. Edit the Hero Section

    Find the resume-biography-3 block. Change the background or the button link:

    - block: resume-biography-3
      content:
        username: admin
        button:
          text: Download My CV
          url: uploads/my-resume.pdf # Make sure to upload this file!

  4. Remove a Section

    Don’t want to show “Posts” yet? Simply delete the entire block starting with - block: collection that corresponds to posts.

  5. Save & Verify

    Save the file. Your preview window will rebuild the homepage with your new layout.