# hugo-profile
[](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile) [](https://github.com/gurusabarish/hugo-profile/network) [](https://github.com/gurusabarish/hugo-profile/stargazers)
[](https://app.netlify.com/sites/hugo-profile/deploys)
A high performance and mobile first hugo template for personal portfolio and blog
### Demo
- [Live demo V1](https://v1.profile.gurusabarish.tech)
- [Live demo V2](https://v2.profile.gurusabarish.tech)
- [Live demo V3 (latest)](https://profile.gurusabarish.tech)
## Requirements
- Hugo Version 0.68.0 or higher
## How to use this template
### Hugo theme format
- Install Hugo and create a site using ```hugo new site my-site -f=yaml```
- Clone this repo inside your themes folder and create config.yaml (_I am not much aware about toml. So, I am using yaml format._) inside root folder and use one of these [v1config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v1.yaml), [v2config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v2.yaml), [v3config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v3.yaml) as base template.
```
cd themes
git clone https://github.com/gurusabarish/hugo-profile.git
```
- You should have the mentioned (_inside the config file_) images in static folder to use them.
### Local Development
- Install hugo and just clone this repo
```
git clone https://github.com/gurusabarish/hugo-profile.git
cd hugo-profile
```
- Now create config.yaml file in your root folder and use one of these [v1config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v1.yaml), [v2config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v2.yaml), [v3config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v3.yaml) as base template.
- Run your site using `hugo serve` commend
### Direct deployment using netlify
- Fork this repo or create new repo using `use this template` button and connect repo to netlify.
- You can customize the config file, content and everything inside website folder. Netlify will automatically deploy your changes every time you modify the repo.
**[What is netlify?](https://www.netlify.com/about/)** An intuitive Git-based workflow and powerful serverless platform to build, deploy, and collaborate on web apps
## Deployment
Run ```hugo```. It will generate a folder called build. You can use the files inside build folder for deployment. You should delete the build folder for each time when you are using ```hugo``` commend.
## Issues
If you have a question, please [open an issue](https://github.com/gurusabarish/hugo-profile/issues) for help and to help those who come after you. The more information you can provide, the better!
## Contributing
Contributions, issues, and feature requests are welcome! For major changes, please open an issue first to discuss what you would like to change.
## License
Licensed under [MIT](LICENSE)
## 🤝 Support
Give a ⭐️ if you like this project!
