Hugo Theme Next screenshot

Hugo Theme Next

Author Avatar Theme by Elkan1788
Updated: 24 Jun 2022
83 Stars

Hugo's site theme.

Overview:

Hugo NexT is a theme for the Hugo static site generator that has been extensively optimized and improved from its original version. It offers a variety of features, such as responsive design, bilingual support, multiple site statistics tools, automatic sitemap generation, SEO optimization, integration with various comment plugins, quick article sharing, image browser, customizable personal information page, and online chat functionality. The theme is compatible with both desktop and mobile devices, supporting major browsers like Chrome, Firefox, Safari, Microsoft Edge, and Internet Explorer. The theme is constantly updated and maintained to ensure its compatibility and functionality with the Hugo engine.

Features:

  • Responsive Design: The theme is designed to adapt to different devices and screen sizes.
  • Bilingual Support: Supports switching between Chinese and English languages.
  • Site Statistics Tools: Integration with various site statistics tools like Baidu, Google, CNZZ, and Buzhuanzi.
  • Automatic Sitemap Generation: Generates a sitemap for the site and submits it to Baidu for indexing.
  • SEO Optimization: Includes features to improve the search engine optimization of the site.
  • Integration with Comment Plugins: Supports integration with multiple comment plugins for adding comments to articles.
  • Quick Article Sharing: Provides options to share articles quickly on social media platforms.
  • Image Browser: Allows easy browsing of images within articles.
  • Customizable Personal Information Page: Allows customization of the personal information page.
  • Online Chat Functionality: Includes an online chat feature for real-time communication with visitors.

Installation:

To install the Hugo NexT theme, follow these steps:

  1. Install Hugo on your computer by following the official deployment documentation.
  2. Install Git on your computer by following the official deployment documentation.
  3. Create your own site by executing the hugo new site [site name] command.
  4. Initialize the site’s files by executing the git init command.
  5. Navigate to the themes directory of the site and execute the git clone --recurse-submodules https://github.com/elkan1788/hugo-theme-next.git command to clone the theme.
    • For users in China, the Gitee repository can be used: git clone --recurse-submodules https://gitee.com/lisenhui/hugo-theme-next.git
  6. Copy the contents of the config and content folders from the hugo-theme-next/exampleSite directory to the root directory of the site.
  7. Generate the site by running the hugo server command.
  8. Open a browser and enter http://localhost:1313/ in the address bar to view the site.

Summary:

Hugo NexT is a highly optimized and feature-rich theme for the Hugo static site generator. It offers responsive design, bilingual support, site statistics tools, automatic sitemap generation, SEO optimization, integration with comment plugins, quick article sharing, image browsing, customizable personal information page, and online chat functionality. The theme is easy to install and provides a live demo for previewing the effects. It is actively maintained and updated to ensure compatibility with the Hugo engine.