de LoveIt

{{ < style “img { height: 1.25rem; }” > }} {{ < /style > }}

{{ < admonition warning > }} Sorry, this article has not been completely translated into French. Welcome to take the time to propose a translation by  making a PR to the theme! {{ < /admonition > }}

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

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

Features

Performance and SEO

•  Optimized for performance: ⁹⁹/₁₀₀ on mobile and ¹⁰⁰/₁₀₀ 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

Appearance and Layout

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

Social and Comment Systems

•  Gravatar supported by Gravatar
•  Local Avatar supported
•  Up to 64 social links supported
•  Up to 28 share sites supported
•  Disqus comment system supported by Disqus
•  Gitalk comment system supported by Gitalk
•  Valine comment system supported by Valine
•  Facebook comments system supported by Facebook
•  Telegram comments system supported by Comments
•  Commento comment system supported by Commento
•  Utterances comment system supported by Utterances

Extended Features

•  Search supported by Lunr.js or algolia
•  Twemoji supported
•  Automatically highlighting code
•  Copy code to clipboard with one click
•  Images gallery supported by lightgallery.js
•  Extended Markdown syntax for Font Awesome icons
•  Extended Markdown syntax for ruby annotation
•  Extended Markdown syntax for fraction
•  Mathematical formula supported by $ \KaTeX $
•  Diagrams shortcode supported by mermaid
•  Interactive data visualization shortcode supported by ECharts
•  Mapbox shortcode supported by Mapbox GL JS
•  Music player shortcode supported by APlayer and MetingJS
•  Bilibili player shortcode
•  Kinds of admonitions shortcode
•  Custom style shortcode
•  Custom script shortcode
•  Animated typing supported by TypeIt
•  Dynamic scroll supported by Smooth Scroll
•  Cookie consent banner supported by cookieconsent
• …

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:

• normalize.css
• Font Awesome
• Simple Icons
• Animate.css
• Smooth Scroll
• autocomplete.js
• Lunr.js
• algoliasearch
• lazysizes
• object-fit-images
• Twemoji
• lightgallery.js
• clipboard.js
• Sharer.js
• TypeIt
• $ \KaTeX $
• mermaid
• ECharts
• Mapbox GL JS
• APlayer
• MetingJS
• Gitalk
• Valine
• cookieconsent

\( x = {-b \pm \sqrt{b^2-4ac} \over 2a}\)

$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}$$

# markmap

## Links

- <https://markmap.js.org/>
- [GitHub](https://github.com/gera2ld/markmap)

## Related

- [coc-markmap](https://github.com/gera2ld/coc-markmap)
- [gatsby-remark-markmap](https://github.com/gera2ld/gatsby-remark-markmap)

## Features

- links
- **inline** ~~text~~ *styles*
- multiline
  text
- `inline code`
-
    ```js
    console.log('code block');
    ```

# markmap

## Links

- <https://markmap.js.org/>
- [GitHub](https://github.com/gera2ld/markmap)

## Related

- [coc-markmap](https://github.com/gera2ld/coc-markmap)
- [gatsby-remark-markmap](https://github.com/gera2ld/gatsby-remark-markmap)

## Features

- links
- **inline** ~~text~~ styles
- multiline
  text
- `inline code`
-
    ```js
    console.log('code block'); 
    ```
- gongshi - $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$