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:
- Go to the LoveIt GitHub repository.
- Clone or download the repository.
- Copy the “LoveIt” folder to the “themes” directory in your Hugo site.
- Update the
config.toml
file in your Hugo site and set thetheme
parameter to “LoveIt”. - Customize the theme’s settings and configurations according to your preferences.
- 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.