Uniport-H Portfolio Theme

Posted Apr 4, 2025

post thumbnail image

By Muhammed A.

views 1 min read

UniPort is a lightweight customizable one-page portfolio theme built for Hugo. The design is partly inspired by Brian Yu’s Website

Prerequisites:

Git

nodejs & npm

npm sharp v0.33.5

Hugo (minimum v0.123.0)

This theme is available as a template.
- Click on the Use this template button and then select Create a new repository.
- Name the new repository with a name of your choice.
- Clone the repository then modify to your satisfaction.
If you don’t want to use the template you can follow the steps below:
- In your site’s root directory run the following commands below
  1 $ git init
  1 $ git submodule add https://github.com/msio808/uniport-h.git themes/uniport-h

After completing any of the steps above:

In the static/img directory, place your avatar namef avatar.png & logo named brand.png.
Move the config.toml file from the .idea/ directory to your site’s root directory.
If you chose option 2 add the theme name in the config.toml file with the following command:
1 $ echo 'theme = "uniport-h"' >> config.toml
Run the following command to generate favicons, twittercard & opengraph images for your site
1 npm install
This will install the required package/s to generate favicons and twittercard & opengraph images

When you’re done, run either of the following command:

To live preview your site
1 npm run preview
To build your hugo site
1 npm run build
Or if you have sharp installed but you haven’t generated favicons yet:
1 npm run favicons