Hugo Themes
VnG Blue
Everything you need to create a well-structured blog with categories, tags, and beautiful links
- Author: Vladimir Kosteley
- GitHub Stars: 0
- Updated: 2025-02-14
- License: MIT
- Tags: Blog Light Personal Responsive
VnG Blue theme for Hugo
Demo website
Features
- Responsive design
- Home page with different layouts
- Categories and tags
- A lot of social networks icons
- About page
Installation
git submodule add https://github.com/ismd/hugo-theme-vng-blue.git themes/vng-blue
Configuration
See demo project configuration for example of configuration.
Home page
It’s possible to configure different styles for the home page. The following parameters are available:
homeEventPosition: "top" # "top" or "bottom" or "none"
homeToBlogText: "To blog"
Screenshots
homeEventPosition: “top”
homeEventPosition: “bottom”
homeEventPosition: “none”
Also you can hide bottom logo on the home page. To do this remove assets/home-logo-bottom.png
file. It will look like this:
homeEventPosition: “top”
homeEventPosition: “none”
Images
This theme supports HiDPI displays. It means that you should provide images with double resolution for better quality on HiDPI displays. All sizes below are for HiDPI displays (you should provide images with this resolution).
Home page
On the home page there’re two images: home-logo-top.png
and home-logo-bottom.png
. Their sizes can be different but the optimal are:
- For the top one is 1600x530
- For the bottom one is 2080x470
Logos
There’re two logos:
- In the left top corner on every page the size of logo can be any but recommended is 320x100
- In right sidebar on every page except home the size must be at least 440px/440px
Put all of these files in assets
directory of your site.