LoveIt Theme | Hugo

LoveIt is a clean, elegant but advanced blog theme for Hugo.

It is based on the original LeaveIt Theme and KeepIt Theme.

Since the three themes have a similar look, if you have questions about their differences, read Why choose LoveIt so that you can choose the one that works best for you.

Demo Site

To see this theme in action, here is a live demo site which is rendered with LoveIt theme.

Why choose LoveIt

Compared to the original LeaveIt theme and the KeepIt theme, the LoveIt theme has the following modifications.

Custom Header
Custom CSS Style
A new home page, compatible with the latest version of Hugo
A lot of style detail adjustments, including color, font size, margins, code preview style
More readable dark mode
Some beautiful CSS animations
Easy-to-use and self-expanding table of contents
More social links, share sites and comment system
Search supported by Lunr.js or algolia
Copy code to clipboard with one click
Extended Markdown syntax for Font Awesome icons
Extended Markdown syntax for ruby annotation
Extended Markdown syntax for 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
...

In short, if you prefer the design language and freedom of the LoveIt theme, if you want to use the extended Font Awesome icons conveniently, if you want to embed mathematical formulas, flowcharts, music or Bilibili videos in your posts, the LoveIt theme may be more suitable for you.

I hope you will LoveIt ❤️!

Features

Performance and SEO

Optimized for performance: 99/100 on mobile and 100/100 on desktop in Google PageSpeed Insights
Optimized SEO performance with a correct SEO SCHEMA based on JSON-LD
Google Analytics supported
Fathom Analytics supported
Search engine verification supported (Google, Bind, Yandex and Baidu)
CDN for third-party libraries supported
Automatically converted images with Lazy Load by lazysizes