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"

Comments

The theme supports Giscus comments on single post pages:

giscus:
  enable: true
custom_script_inline: |
  <script src="https://giscus.app/client.js"
          data-repo="[ENTER REPO HERE]"
          data-repo-id="[ENTER REPO ID HERE]"
          data-category="[ENTER CATEGORY NAME HERE]"
          data-category-id="[ENTER CATEGORY ID HERE]"
          data-mapping="pathname"
          data-strict="0"
          data-reactions-enabled="1"
          data-emit-metadata="0"
          data-input-position="bottom"
          data-theme="preferred_color_scheme"
          data-lang="en"
          crossorigin="anonymous"
          async>
  </script>

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:

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.