HUGO
News Docs Themes Community GitHub

VnG Blue

Everything you need to create a well-structured blog with categories, tags, and beautiful links

License
MIT
GitHub Stars
2
Last Updated
2025-02-14

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” Home page with event on top

homeEventPosition: “bottom” Home page with event on bottom

homeEventPosition: “none” Home page without event

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” Home page without bottom logo

homeEventPosition: “none” Home page without bottom logo and event

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:

  1. For the top one is 1600x530
  2. For the bottom one is 2080x470

Logos

There’re two logos:

  1. In the left top corner on every page the size of logo can be any but recommended is 320x100
  2. 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.