Task 2: Building My Portfolio Website using hugo themes and deploying through GitHub pages.

In this task, I was asked to create my own portfolio website using a hugo theme and deploy it using github pages. Hugo is a powerful open-source static website generator. This task is really special to me as I’ve created a webpage for the first time ever in my life. I’ve briefed the steps I’ve followed in this process of creating and hosting the portfolio website.

Installing HUGO and Creating Server

To install HUGO in my linux terminal, I referred 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 apt install hugo
hugo server -D

Theme Selection

For my portfolio website, After going through many themes, I finally chose Hugo Profile theme as I found it perfect for a portfolio structure and I liked the theme, colours, design.

Customization

To cutsomize my portfolio, I had to make changes in config.toml file.
Following are the customizations I made in my portfolio:

Rewriting details
Adjusting Layouts
Deleting unnecessary parts
Including usable links

Content Creation

I wanted my portfolio to showcase my interests, background and work. To achieve this, I’ve included content in the following sections:

About me
Education
Projects
COntact me
Blog

I wanted my website to be user-friendly. So if a person lands on my portfolio site, they’ll see my latest projects right away. I’ve ensured that the navigation menu at the top is easy to use, so they can explore my works, skills, education, and contact info easily. Lastly, I’ve placed buttons inviting you to reach me out.

Challenges and Solutions

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

GitHub Pages Hosting

While hosting my portfolio website using Github Pages, I faced a small challenge. I got an error message (error 404 page not found) when I first attempted to host the portfolio website. The issue was that Hugo had already created a public directory for me. So I deleted public directory and ran this command git submodule add and everything worked perfectly. To host the website, I used Host HUGO website with Github Pages video.

Conclusion

Building my portfolio website with Hugo and hosting it on GitHub Pages was a great and new learning experience to me. I gained valuable insights and developed slight interest towards web development.

Developing and Deploying a Portfolio.