Task 2: Building My Portfolio Website with Hugo

In this task, I was given to create my own portfolio website using Hugo, a powerful open-source website generator. It was a great experience, and I got to learn many things .

Installing HUGO and Creating Server

To install HUGO in my Ubuntu, I refered Install Linux Guide .So I ran following commands in the terminal; It created a local server for me to use and customize the portfolio.

sudo snap install hugo
hugo server -D

Theme Selection

For my portfolio website, After going through many themes,I finally chose Hugo Profile theme because its clean design and customizable. UI was a perfect fit for my task.

Customization

So to cutsomize my portfolio, I had to make changes in hugo.toml file. Following were the customization I made in my portfolio:

Rewriting details
Adjusting Layouts
Deleting unnecessary parts
Including usable links

Content Creation

I wanted my portfolio to showcase my interest, background and work. To achieve this, I included the following types of content:

Projects
Achievement
Blog

I wanted my website to be user-friendly. So, when someone land on the homepage, they’ll see my latest projects right away to get them interested. I made sure the navigation menu at the top is easy to use, so they can explore my work, skills, education, and contact info without much hassle. Lastly, I’ve placed buttons inviting you to reach out to me because I’d love to connect with you as you explore my portfolio.

Challenges and Solutions

While building my portfolio, I faced a few challenges, such as adjusting layouts which I resolved by watching some youtube tutorials and using internet.

GitHub Pages Hosting

While hosting my portfolio website using Github Pages, I faced a small challenge. I got an error message when I first attempted to make the git submodule. The issue was that Hugo had already created a public directory for me. So after few tries of fixing it, I deleted public before running the git submodule code and everything worked perfectly. To post the website, I used Post HUGO website with Github Pages video.

Conclusion

Building my portfolio website with Hugo and hosting it on GitHub Pages was a total learning experience fo me. I gained valuable insights into web development and design. This project also allows me to share my work and creativity with the world.

Developing and Deploying a Portfolio.