Upgan is responsive, simple, and clean that very fit for your personal blog based on Hugo Theme Static Site Generator (SSG)
![Screenshot 2023-10-23 at 14 28 02](https://private-user-images.githubusercontent.com/45036724/277260059-668e0ff8-22d6-4fe1-92ff-1ce318ed4a19.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjExNTg4NDgsIm5iZiI6MTcyMTE1ODU0OCwicGF0aCI6Ii80NTAzNjcyNC8yNzcyNjAwNTktNjY4ZTBmZjgtMjJkNi00ZmUxLTkyZmYtMWNlMzE4ZWQ0YTE5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE2VDE5MzU0OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWMwM2RlY2Q3MjRlMGZmYzBmZjYyYmEyNTgzZGE0Y2JiM2Q0OWFmOTdiN2FkNzkxM2I1ZDBjYjY2OTVkMDU3N2EmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.XjTZ95WqrwUEr-1akzHG_P9pKPSUE1zG70ucvELigLc)
Click here for live demo.
Before starting, please be sure that you have installed extended version of Hugo and created a new site. After that, you ready to install Mainroad.
In your Hugo site themes
directory, run:
git clone https://github.com/zuramai/hugoblog
Or, if you don't plan to make any significant changes, but want to track and update the theme, you can add it as a git submodule via the following command:
git submodule add https://github.com/zuramai/hugoblog
Next, open config.toml
in the base of the Hugo site and ensure the theme option is set to hugoblog
:
theme = "hugoblog"
For more information read the official setup guide of Hugo.
After installing the theme successfully it requires a just a few more steps to get your site running.
Take a look inside the exampleSite
folder of this theme. You'll find a file called config.toml
. To use it, copy the config.toml
in the root folder of your Hugo site. Feel free to change the strings in this theme.
Upload your site logo to the /static
folder in your project, then edit config.toml
and change site_logo
value your image path. For example:
[params]
site_logo = "/images/logo.svg"
You could use Disqus comment by activating them in the config.toml
and put your disqus shortname.
disqusShortname = "your-disqus-site-shortname"
This template is under MIT License