apachecn / loveit

🚀A clean, elegant but advanced blog theme for Hugo

LoveIt Theme | Hugo

English README | 中文说明

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
• Extended markdown syntax for Font Awesome icons
• Extended markdown syntax for ruby annotation
• Mathematical formula support by KaTeX
• Diagram syntax shortcode support by mermaid
• Interactive data visualization shortcode supported by ECharts
• Embedded music player support by APlayer and MetingJS
• Bilibili player support
• Kinds of admonitions shortcode support
• Custom style shortcodes support
• CDN for all third-party libraries support
• ...

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 support
• Search engine verification support (Google, Bind, Yandex and Baidu)
• CDN for third-party libraries support
• Automatically converted images with Lazy Load by lazysizes

Appearance and Layout

• Responsive layout
• Dark/Light mode
• Globally consistent design language
• Pagination support
• Easy-to-use and self-expanding table of contents
• Multilanguage support and i18n ready
• Beautiful CSS animation

Social and Comment Systems

• Gravatar supported by Gravatar
• Local Avatar support
• Up to 59 social sites supported
• Up to 28 share sites support
• Disqus comment system supported by Disqus
• Gitalk comment system supported by Gitalk
• Valine comment system supported by Valine
• Facebook comments system supported by Facebook

Extended Features

• Automatically highlighting code
• Images gallery supported by lightgallery.js
• Extended markdown syntax for Font Awesome icons
• Extended markdown syntax for ruby annotation
• Mathematical formula supported by KaTeX
• Diagrams shortcode supported by mermaid
• Interactive data visualization shortcode supported by ECharts
• Music player shortcode supported by APlayer and MetingJS
• Bilibili player shortcode
• Kinds of admonitions shortcode
• Custom style shortcode
• Animated typing supported by TypeIt
• Dynamic scroll supported by Smooth Scroll
• ...

Documentation

• Documentation Page

• Build Documentation Locally:

  hugo server --source=exampleSite

Questions, ideas, bugs, pull requests

All feedback is welcome! Head over to the issue tracker.

License

LoveIt is licensed under the MIT license. Check the LICENSE file for details.

Thanks to the authors of following resources included in the theme:

• Font Awesome
• Fork Awesome
• Animate.css
• lazysizes
• lightgallery.js
• Smooth Scroll
• TypeIt
• KaTeX
• mermaid
• ECharts
• APlayer
• MetingJS
• Gitalk
• Valine

Author

Dillon