More Premium Hugo Themes Premium Hugo Themes

LoveIt

A clean, elegant but advanced blog theme for Hugo 一个简洁、优雅且高效的 Hugo 主题

LoveIt

A clean, elegant but advanced blog theme for Hugo 一个简洁、优雅且高效的 Hugo 主题

Author Avatar Theme by dillonzq
Github Stars Github Stars: 3589
Last Commit Last Commit: Mar 27, 2025 -
First Commit Created: Apr 29, 2023 -
default image

Overview

LoveIt is a clean and elegant blog theme for Hugo. It is based on the original LeaveIt Theme and KeepIt Theme, but offers several modifications and additional features. With a similar design language and freedom, LoveIt provides an enhanced user experience and extended functionality, making it a suitable choice for those looking for a flexible and feature-rich blog theme.

Features

  • Custom Header
  • Custom CSS Style
  • New home page compatible with the latest version of Hugo
  • Style detail adjustments including color, font size, margins, and code preview style
  • Readable dark mode
  • CSS animations
  • Easy-to-use and self-expanding table of contents
  • More social links, share sites, and comment systems
  • Search functionality supported by Lunr.js or Algolia
  • Copy code to clipboard with one click
  • Extended Markdown syntax for Font Awesome icons, ruby annotation, and fraction
  • Mathematical formula supported by KaTeX
  • Diagram syntax shortcode supported by mermaid
  • Interactive data visualization shortcode supported by ECharts
  • Mapbox shortcode supported by Mapbox GL JS
  • Embedded music player supported by APlayer and MetingJS
  • Bilibili player supported
  • Kinds of admonitions shortcode supported
  • Custom style shortcodes supported
  • CDN for all third-party libraries supported

Installation

To install the LoveIt theme for Hugo, follow these steps:

  1. Go to the LoveIt GitHub repository.
  2. Clone or download the repository.
  3. Copy the “LoveIt” folder to the “themes” directory in your Hugo site.
  4. Update the config.toml file in your Hugo site and set the theme parameter to “LoveIt”.
  5. Customize the theme’s settings and configurations according to your preferences.
  6. Run your Hugo site and the LoveIt theme will be applied.

Summary

LoveIt is an advanced blog theme for Hugo that offers a range of features and enhancements compared to its predecessors, LeaveIt and KeepIt. With customizable design elements, extended Markdown syntax, and support for various functionalities like mathematical formulas, interactive visualizations, and music players, LoveIt provides users with a flexible and feature-rich blogging experience. Additionally, with optimizations for performance and SEO, multilanguage support, and compatibility with various social and comment systems, LoveIt is a comprehensive theme suitable for bloggers looking to create a stylish and functional website.