Hugo Primer screenshot

Hugo Primer

Author Avatar Theme by Qqpann
Updated: 25 Feb 2021
122 Stars

Hugo theme based on GitHub's Primer CSS

Categories

Overview:

Hugo-Primer is a simple and beautiful Hugo theme that is based on GitHub’s Primer CSS. This theme is perfect for those who are familiar with GitHub style pages and want to add some blog-like features to their website. With a menu bar header, colored code pen, math inline, awesome TOC, tags & categories, and social share buttons, Hugo-Primer provides a range of features to enhance your website’s design and functionality. It is easy to install and customize, making it a great choice for Hugo users.

Features:

  • Primer CSS: This theme is based on GitHub’s Primer CSS, giving it a familiar and stylish look.
  • Menu bar header: The theme includes a menu bar header that allows for easy navigation and organization of your website.
  • Colored code pen: Hugo-Primer provides a colored code pen feature, which enhances the readability and aesthetics of code snippets on your website.
  • Math inline: The theme supports inline math rendering, making it a suitable choice for websites that require mathematical equations and formulas.
  • Awesome TOC: Hugo-Primer includes an awesome table of contents feature that allows for easy navigation within long blog posts or articles.
  • Tags & Categories: This theme provides built-in support for displaying tags and categories, allowing for easy categorization and organization of your content.
  • Social Share buttons: With the inclusion of social share buttons, Hugo-Primer makes it easy for visitors to share your content on social media platforms.

Installation:

To install Hugo-Primer, simply clone the theme to your theme directory. Here is an example code snippet to help you get started:

git clone https://github.com/your-username/hugo-primer.git themes/hugo-primer

Once you have cloned the theme, you can refer to the exampleSite/ directory for further guidance on setting up your website. Reading the exampleSite/_index.md file can also provide useful information. For a quick start, you can customize the config.toml file to configure Hugo-Primer’s behavior according to your preferences.

Summary:

Hugo-Primer is a stylish and functional Hugo theme that is based on GitHub’s Primer CSS. With features such as a menu bar header, colored code pen, math inline rendering, awesome table of contents, tags & categories support, and social share buttons, this theme offers a range of useful features for your website. It is easy to install and customize, making it a great choice for Hugo users who are looking to enhance the design and functionality of their websites.