LoveIt

screenshot of LoveIt
hugo

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

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

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.

hugo
Hugo

Hugo is an open-source static site generator that features fast build times, flexible themes, support for multiple content formats, multilingual websites, live reloading, and an active community. It allows developers to easily create and deploy SEO-friendly and mobile-responsive websites.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.