feat(style): simplify blockquote style and rm fa-fw for fontawesome syntax (#257)

This commit is contained in:
Dillon 2020-04-25 02:05:43 +08:00 committed by GitHub
parent 7ab1c10639
commit 41a92c6166
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
20 changed files with 200 additions and 209 deletions

View file

@ -88,8 +88,8 @@ I hope you will LoveIt ❤️!
* **Gitalk** comment system supported by [Gitalk](https://github.com/gitalk/gitalk) * **Gitalk** comment system supported by [Gitalk](https://github.com/gitalk/gitalk)
* **Valine** comment system supported by [Valine](https://valine.js.org/) * **Valine** comment system supported by [Valine](https://valine.js.org/)
* **Facebook comments** system supported by [Facebook](https://developers.facebook.com/docs/plugins/comments/) * **Facebook comments** system supported by [Facebook](https://developers.facebook.com/docs/plugins/comments/)
* **Telegram Comments** system supported by [Telegram Comments](https://comments.app/) * **Telegram comments** system supported by [Telegram Comments](https://comments.app/)
* **Commento comments** system supported by [Commento](https://commento.io/) * **Commento** comments system supported by [Commento](https://commento.io/)
### Extended Features ### Extended Features

View file

@ -83,7 +83,7 @@
* 支持 **[Gitalk](https://github.com/gitalk/gitalk)** 评论系统 * 支持 **[Gitalk](https://github.com/gitalk/gitalk)** 评论系统
* 支持 **[Valine](https://valine.js.org/)** 评论系统 * 支持 **[Valine](https://valine.js.org/)** 评论系统
* 支持 **[Facebook](https://developers.facebook.com/docs/plugins/comments/) 评论**系统 * 支持 **[Facebook](https://developers.facebook.com/docs/plugins/comments/) 评论**系统
* 支持 **[Telegram Comments](https://comments.app/) 评论**系统 * 支持 **[Telegram comments](https://comments.app/) 评论**系统
* 支持 **[Commento](https://commento.io/)** 评论系统 * 支持 **[Commento](https://commento.io/)** 评论系统
### 扩展功能 ### 扩展功能

View file

@ -235,46 +235,15 @@
} }
blockquote { blockquote {
font-size: 1rem;
display: block; display: block;
border-width: 1px 0; border-left: .5rem solid $blockquote-color;
border-style: solid; background-color: rgba($blockquote-color, .2);
border-color: $global-border-color; padding: .25rem .75rem;
padding: 1.5em 1.2em 0.5em 1.2em; margin: 1rem 0;
margin: 0 0 2em 0;
position: relative;
&::before {
content: '\201C';
position: absolute;
top: 0em;
left: 50%;
@include transform(translate(-50%, -50%));
width: 3rem;
height: 2rem;
font: 6em/1.08em 'PT Sans', sans-serif;
color: $single-link-color;
text-align: center;
.dark & {
color: $single-link-color-dark;
}
}
&::after {
content: '#blockquote' attr(cite);
display: block;
text-align: right;
font-size: 0.875em;
color: $single-link-color;
.dark & {
color: $single-link-color-dark;
}
}
.dark & { .dark & {
border-color: $global-border-color-dark; border-left-color: $blockquote-color-dark;
background-color: rgba($blockquote-color-dark, .2);
} }
} }

View file

@ -97,6 +97,10 @@ $table-background-color-dark: #272c34 !default;
// Color of the table thead // Color of the table thead
$table-thead-color: #ededed !default; $table-thead-color: #ededed !default;
$table-thead-color-dark: #20252b !default; $table-thead-color-dark: #20252b !default;
// Color of the blockquote
$blockquote-color: #6bd6fd !default;
$blockquote-color-dark: #59c5ec !default;
// ========== Single Content ========== // // ========== Single Content ========== //
// ========== Pagination ========== // // ========== Pagination ========== //

View file

@ -651,9 +651,6 @@ enableEmoji = true
# whether to enable lightgallery # whether to enable lightgallery
# 是否使用 lightgallery # 是否使用 lightgallery
lightgallery = false lightgallery = false
# whether to show the copy button of the code block
# 是否显示代码块的复制按钮
copyCode = true
# whether to enable the ruby extended syntax # whether to enable the ruby extended syntax
# 是否使用 ruby 扩展语法 # 是否使用 ruby 扩展语法
ruby = true ruby = true
@ -675,6 +672,12 @@ enableEmoji = true
# whether to make the table of the contents automatically collapsed # whether to make the table of the contents automatically collapsed
# 是否使目录自动折叠展开 # 是否使目录自动折叠展开
auto = true auto = true
# Code config
# 代码配置
[params.page.code]
# whether to show the copy button of the code block
# 是否显示代码块的复制按钮
copy = true
# KaTeX mathematical formulas config (KaTeX https://katex.org/) # KaTeX mathematical formulas config (KaTeX https://katex.org/)
# KaTeX 数学公式配置 (KaTeX https://katex.org/) # KaTeX 数学公式配置 (KaTeX https://katex.org/)
[params.page.math] [params.page.math]
@ -802,7 +805,7 @@ enableEmoji = true
# Commento comments config (https://commento.io/) # Commento comments config (https://commento.io/)
# Commento comments 评论系统设置 (https://commento.io/) # Commento comments 评论系统设置 (https://commento.io/)
[params.page.comment.commento] [params.page.comment.commento]
enable = true enable = false
# SEO config # SEO config
# SEO 配置 # SEO 配置
[params.page.seo] [params.page.seo]

View file

@ -15,7 +15,7 @@ math:
[![GitHub stars](https://img.shields.io/github/stars/dillonzq/LoveIt?style=social)](https://github.com/dillonzq/LoveIt) [![GitHub stars](https://img.shields.io/github/stars/dillonzq/LoveIt?style=social)](https://github.com/dillonzq/LoveIt)
[![GitHub forks](https://img.shields.io/github/forks/dillonzq/LoveIt?style=social)](https://github.com/dillonzq/LoveIt/fork) [![GitHub forks](https://img.shields.io/github/forks/dillonzq/LoveIt?style=social)](https://github.com/dillonzq/LoveIt/fork)
[:(far fa-kiss-wink-heart): LoveIt](https://github.com/dillonzq/LoveIt) is a **clean**, **elegant** but **advanced** blog theme for [Hugo](https://gohugo.io/) developed by [Dillon](https://dillonzq.com). [:(far fa-kiss-wink-heart fa-fw): LoveIt](https://github.com/dillonzq/LoveIt) is a **clean**, **elegant** but **advanced** blog theme for [Hugo](https://gohugo.io/) developed by [Dillon](https://dillonzq.com).
It is based on the original [LeaveIt Theme](https://github.com/liuzc/LeaveIt/) and [KeepIt Theme](https://github.com/liuzc/LeaveIt/). It is based on the original [LeaveIt Theme](https://github.com/liuzc/LeaveIt/) and [KeepIt Theme](https://github.com/liuzc/LeaveIt/).
@ -25,55 +25,56 @@ It is based on the original [LeaveIt Theme](https://github.com/liuzc/LeaveIt/) a
#### Performance and SEO #### Performance and SEO
* :(fas fa-rocket): Optimized for **performance**: [99]/[100] on mobile and [100]/[100] on desktop in [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights) * :(fas fa-rocket fa-fw): Optimized for **performance**: [99]/[100] on mobile and [100]/[100] on desktop in [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights)
* :(fab fa-searchengin): Optimized SEO performance with a correct **SEO SCHEMA** based on JSON-LD * :(fab fa-searchengin fa-fw): Optimized SEO performance with a correct **SEO SCHEMA** based on JSON-LD
* :(fab fa-google): **[Google Analytics](https://analytics.google.com/analytics)** supported * :(fab fa-google fa-fw): **[Google Analytics](https://analytics.google.com/analytics)** supported
* :(far fa-chart-bar): **[Fathom Analytics](https://usefathom.com/)** supported * :(far fa-chart-bar fa-fw): **[Fathom Analytics](https://usefathom.com/)** supported
* :(fas fa-search): Search engine **verification** supported (Google, Bind, Yandex and Baidu) * :(fas fa-search fa-fw): Search engine **verification** supported (Google, Bind, Yandex and Baidu)
* :(fas fa-tachometer-alt): **CDN** for third-party libraries supported * :(fas fa-tachometer-alt fa-fw): **CDN** for third-party libraries supported
* :(fas fa-cloud-download-alt): Automatically converted images with **Lazy Load** by [lazysizes](https://github.com/aFarkas/lazysizes) * :(fas fa-cloud-download-alt fa-fw): Automatically converted images with **Lazy Load** by [lazysizes](https://github.com/aFarkas/lazysizes)
#### Appearance and Layout #### Appearance and Layout
* [:(fas fa-desktop):]/[:(fas fa-mobile):] **Responsive** layout * [:(fas fa-desktop):]/[:(fas fa-mobile):] **Responsive** layout
* [:(fas fa-sun):]/[:(fas fa-moon):] **[Light]/[Dark]** mode * [:(fas fa-sun):]/[:(fas fa-moon):] **[Light]/[Dark]** mode
* :(fas fa-layer-group): Globally consistent **design language** * :(fas fa-layer-group fa-fw): Globally consistent **design language**
* :(fas fa-ellipsis-h): **Pagination** supported * :(fas fa-ellipsis-h fa-fw): **Pagination** supported
* :(far fa-list-alt): Easy-to-use and self-expanding **table of contents** * :(far fa-list-alt fa-fw): Easy-to-use and self-expanding **table of contents**
* :(fas fa-language): **Multilanguage** supported and i18n ready * :(fas fa-language fa-fw): **Multilanguage** supported and i18n ready
* :(fab fa-css3-alt): Beautiful **CSS animation** * :(fab fa-css3-alt fa-fw): Beautiful **CSS animation**
#### Social and Comment Systems #### Social and Comment Systems
* :(far fa-user): **Gravatar** supported by [Gravatar](https://gravatar.com) * :(far fa-user fa-fw): **Gravatar** supported by [Gravatar](https://gravatar.com)
* :(fas fa-user-circle): Local **Avatar** supported * :(fas fa-user-circle fa-fw): Local **Avatar** supported
* :(far fa-id-card): Up to **64** social links supported * :(far fa-id-card fa-fw): Up to **64** social links supported
* :(fas fa-share-square): Up to **28** share sites supported * :(fas fa-share-square fa-fw): Up to **28** share sites supported
* :(far fa-comment): **Disqus** comment system supported by [Disqus](https://disqus.com) * :(far fa-comment fa-fw): **Disqus** comment system supported by [Disqus](https://disqus.com)
* :(far fa-comment-dots): **Gitalk** comment system supported by [Gitalk](https://github.com/gitalk/gitalk) * :(far fa-comment-dots fa-fw): **Gitalk** comment system supported by [Gitalk](https://github.com/gitalk/gitalk)
* :(far fa-comment-alt): **Valine** comment system supported by [Valine](https://valine.js.org/) * :(far fa-comment-alt fa-fw): **Valine** comment system supported by [Valine](https://valine.js.org/)
* :(far fa-comments): **Facebook comments** system supported by [Facebook](https://developers.facebook.com/docs/plugins/comments/) * :(far fa-comments fa-fw): **Facebook comments** system supported by [Facebook](https://developers.facebook.com/docs/plugins/comments/)
* :(fas fa-comments): **Telegram Comments** system supported by [Comments](https://comments.app/) * :(fas fa-comment fa-fw): **Telegram comments** system supported by [Comments](https://comments.app/)
* :(fas fa-comment-dots fa-fw): **Commento** comments system supported by [Commento](https://commento.io/)
#### Extended Features #### Extended Features
* :(fas fa-search): **Search** supported by [Lunr.js](https://lunrjs.com/) or [algolia](https://www.algolia.com/) * :(fas fa-search fa-fw): **Search** supported by [Lunr.js](https://lunrjs.com/) or [algolia](https://www.algolia.com/)
* :(fas fa-code): Automatically **highlighting** code * :(fas fa-code fa-fw): Automatically **highlighting** code
* :(far fa-copy): **Copy code** to clipboard with one click * :(far fa-copy fa-fw): **Copy code** to clipboard with one click
* :(far fa-images): **Images gallery** supported by [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js) * :(far fa-images fa-fw): **Images gallery** supported by [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js)
* :(fab fa-font-awesome): Extended Markdown syntax for **[Font Awesome](https://fontawesome.com/) icons** * :(fab fa-font-awesome fa-fw): Extended Markdown syntax for **[Font Awesome](https://fontawesome.com/) icons**
* :(far fa-sticky-note): Extended Markdown syntax for **ruby annotation** * :(far fa-sticky-note fa-fw): Extended Markdown syntax for **ruby annotation**
* :(fas fa-percentage): Extended Markdown syntax for **fraction** * :(fas fa-percentage fa-fw): Extended Markdown syntax for **fraction**
* :(fas fa-square-root-alt): **Mathematical formula** supported by [$ \KaTeX $](https://katex.org/) * :(fas fa-square-root-alt fa-fw): **Mathematical formula** supported by [$ \KaTeX $](https://katex.org/)
* :(fas fa-project-diagram): **Diagrams** shortcode supported by [mermaid](https://github.com/knsv/mermaid) * :(fas fa-project-diagram fa-fw): **Diagrams** shortcode supported by [mermaid](https://github.com/knsv/mermaid)
* :(fas fa-chart-pie): **Interactive data visualization** shortcode supported by [ECharts](https://echarts.apache.org/) * :(fas fa-chart-pie fa-fw): **Interactive data visualization** shortcode supported by [ECharts](https://echarts.apache.org/)
* :(fas fa-map-marked-alt): **Mapbox** shortcode supported by [Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js) * :(fas fa-map-marked-alt fa-fw): **Mapbox** shortcode supported by [Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js)
* :(fas fa-music): **Music player** shortcode supported by [APlayer](https://github.com/MoePlayer/APlayer) and [MetingJS](https://github.com/metowolf/MetingJS) * :(fas fa-music fa-fw): **Music player** shortcode supported by [APlayer](https://github.com/MoePlayer/APlayer) and [MetingJS](https://github.com/metowolf/MetingJS)
* :(fas fa-video): **Bilibili player** shortcode * :(fas fa-video fa-fw): **Bilibili player** shortcode
* :(far fa-bell): Kinds of **admonitions** shortcode * :(far fa-bell fa-fw): Kinds of **admonitions** shortcode
* :(fas fa-align-left): **Custom style** shortcode * :(fas fa-align-left fa-fw): **Custom style** shortcode
* :(fas fa-i-cursor): **Animated typing** supported by [TypeIt](https://typeitjs.com/) * :(fas fa-i-cursor fa-fw): **Animated typing** supported by [TypeIt](https://typeitjs.com/)
* :(fas fa-arrow-down): **Dynamic scroll** supported by [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll) * :(fas fa-arrow-down fa-fw): **Dynamic scroll** supported by [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
* ... * ...
### License ### License

View file

@ -20,7 +20,7 @@ Sorry, this article has not been completely translated into **French**.
Welcome to take the time to propose a translation by [making a PR](https://github.com/dillonzq/LoveIt/pulls) to the theme! Welcome to take the time to propose a translation by [making a PR](https://github.com/dillonzq/LoveIt/pulls) to the theme!
{{< /admonition >}} {{< /admonition >}}
[:(far fa-kiss-wink-heart): LoveIt](https://github.com/dillonzq/LoveIt) is a **clean**, **elegant** but **advanced** blog theme for [Hugo](https://gohugo.io/) developed by [Dillon](https://dillonzq.com). [:(far fa-kiss-wink-heart fa-fw): LoveIt](https://github.com/dillonzq/LoveIt) is a **clean**, **elegant** but **advanced** blog theme for [Hugo](https://gohugo.io/) developed by [Dillon](https://dillonzq.com).
It is based on the original [LeaveIt Theme](https://github.com/liuzc/LeaveIt/) and [KeepIt Theme](https://github.com/liuzc/LeaveIt/). It is based on the original [LeaveIt Theme](https://github.com/liuzc/LeaveIt/) and [KeepIt Theme](https://github.com/liuzc/LeaveIt/).
@ -30,55 +30,56 @@ It is based on the original [LeaveIt Theme](https://github.com/liuzc/LeaveIt/) a
#### Performance and SEO #### Performance and SEO
* :(fas fa-rocket): Optimized for **performance**: [99]/[100] on mobile and [100]/[100] on desktop in [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights) * :(fas fa-rocket fa-fw): Optimized for **performance**: [99]/[100] on mobile and [100]/[100] on desktop in [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights)
* :(fab fa-searchengin): Optimized SEO performance with a correct **SEO SCHEMA** based on JSON-LD * :(fab fa-searchengin fa-fw): Optimized SEO performance with a correct **SEO SCHEMA** based on JSON-LD
* :(fab fa-google): **[Google Analytics](https://analytics.google.com/analytics)** supported * :(fab fa-google fa-fw): **[Google Analytics](https://analytics.google.com/analytics)** supported
* :(far fa-chart-bar): **[Fathom Analytics](https://usefathom.com/)** supported * :(far fa-chart-bar fa-fw): **[Fathom Analytics](https://usefathom.com/)** supported
* :(fas fa-search): Search engine **verification** supported (Google, Bind, Yandex and Baidu) * :(fas fa-search fa-fw): Search engine **verification** supported (Google, Bind, Yandex and Baidu)
* :(fas fa-tachometer-alt): **CDN** for third-party libraries supported * :(fas fa-tachometer-alt fa-fw): **CDN** for third-party libraries supported
* :(fas fa-cloud-download-alt): Automatically converted images with **Lazy Load** by [lazysizes](https://github.com/aFarkas/lazysizes) * :(fas fa-cloud-download-alt fa-fw): Automatically converted images with **Lazy Load** by [lazysizes](https://github.com/aFarkas/lazysizes)
#### Appearance and Layout #### Appearance and Layout
* [:(fas fa-desktop):]/[:(fas fa-mobile):] **Responsive** layout * [:(fas fa-desktop):]/[:(fas fa-mobile):] **Responsive** layout
* [:(fas fa-sun):]/[:(fas fa-moon):] **[Light]/[Dark]** mode * [:(fas fa-sun):]/[:(fas fa-moon):] **[Light]/[Dark]** mode
* :(fas fa-layer-group): Globally consistent **design language** * :(fas fa-layer-group fa-fw): Globally consistent **design language**
* :(fas fa-ellipsis-h): **Pagination** supported * :(fas fa-ellipsis-h fa-fw): **Pagination** supported
* :(far fa-list-alt): Easy-to-use and self-expanding **table of contents** * :(far fa-list-alt fa-fw): Easy-to-use and self-expanding **table of contents**
* :(fas fa-language): **Multilanguage** supported and i18n ready * :(fas fa-language fa-fw): **Multilanguage** supported and i18n ready
* :(fab fa-css3-alt): Beautiful **CSS animation** * :(fab fa-css3-alt fa-fw): Beautiful **CSS animation**
#### Social and Comment Systems #### Social and Comment Systems
* :(far fa-user): **Gravatar** supported by [Gravatar](https://gravatar.com) * :(far fa-user fa-fw): **Gravatar** supported by [Gravatar](https://gravatar.com)
* :(fas fa-user-circle): Local **Avatar** supported * :(fas fa-user-circle fa-fw): Local **Avatar** supported
* :(far fa-id-card): Up to **64** social links supported * :(far fa-id-card fa-fw): Up to **64** social links supported
* :(fas fa-share-square): Up to **28** share sites supported * :(fas fa-share-square fa-fw): Up to **28** share sites supported
* :(far fa-comment): **Disqus** comment system supported by [Disqus](https://disqus.com) * :(far fa-comment fa-fw): **Disqus** comment system supported by [Disqus](https://disqus.com)
* :(far fa-comment-dots): **Gitalk** comment system supported by [Gitalk](https://github.com/gitalk/gitalk) * :(far fa-comment-dots fa-fw): **Gitalk** comment system supported by [Gitalk](https://github.com/gitalk/gitalk)
* :(far fa-comment-alt): **Valine** comment system supported by [Valine](https://valine.js.org/) * :(far fa-comment-alt fa-fw): **Valine** comment system supported by [Valine](https://valine.js.org/)
* :(far fa-comments): **Facebook comments** system supported by [Facebook](https://developers.facebook.com/docs/plugins/comments/) * :(far fa-comments fa-fw): **Facebook comments** system supported by [Facebook](https://developers.facebook.com/docs/plugins/comments/)
* :(fas fa-comments): **Telegram Comments** system supported by [Comments](https://comments.app/) * :(fas fa-comment fa-fw): **Telegram comments** system supported by [Comments](https://comments.app/)
* :(fas fa-comment-dots fa-fw): **Commento** comments system supported by [Commento](https://commento.io/)
#### Extended Features #### Extended Features
* :(fas fa-search): **Search** supported by [Lunr.js](https://lunrjs.com/) or [algolia](https://www.algolia.com/) * :(fas fa-search fa-fw): **Search** supported by [Lunr.js](https://lunrjs.com/) or [algolia](https://www.algolia.com/)
* :(fas fa-code): Automatically **highlighting** code * :(fas fa-code fa-fw): Automatically **highlighting** code
* :(far fa-copy): **Copy code** to clipboard with one click * :(far fa-copy fa-fw): **Copy code** to clipboard with one click
* :(far fa-images): **Images gallery** supported by [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js) * :(far fa-images fa-fw): **Images gallery** supported by [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js)
* :(fab fa-font-awesome): Extended Markdown syntax for **[Font Awesome](https://fontawesome.com/) icons** * :(fab fa-font-awesome fa-fw): Extended Markdown syntax for **[Font Awesome](https://fontawesome.com/) icons**
* :(far fa-sticky-note): Extended Markdown syntax for **ruby annotation** * :(far fa-sticky-note fa-fw): Extended Markdown syntax for **ruby annotation**
* :(fas fa-percentage): Extended Markdown syntax for **fraction** * :(fas fa-percentage fa-fw): Extended Markdown syntax for **fraction**
* :(fas fa-square-root-alt): **Mathematical formula** supported by [$ \KaTeX $](https://katex.org/) * :(fas fa-square-root-alt fa-fw): **Mathematical formula** supported by [$ \KaTeX $](https://katex.org/)
* :(fas fa-project-diagram): **Diagrams** shortcode supported by [mermaid](https://github.com/knsv/mermaid) * :(fas fa-project-diagram fa-fw): **Diagrams** shortcode supported by [mermaid](https://github.com/knsv/mermaid)
* :(fas fa-chart-pie): **Interactive data visualization** shortcode supported by [ECharts](https://echarts.apache.org/) * :(fas fa-chart-pie fa-fw): **Interactive data visualization** shortcode supported by [ECharts](https://echarts.apache.org/)
* :(fas fa-map-marked-alt): **Mapbox** shortcode supported by [Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js) * :(fas fa-map-marked-alt fa-fw): **Mapbox** shortcode supported by [Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js)
* :(fas fa-music): **Music player** shortcode supported by [APlayer](https://github.com/MoePlayer/APlayer) and [MetingJS](https://github.com/metowolf/MetingJS) * :(fas fa-music fa-fw): **Music player** shortcode supported by [APlayer](https://github.com/MoePlayer/APlayer) and [MetingJS](https://github.com/metowolf/MetingJS)
* :(fas fa-video): **Bilibili player** shortcode * :(fas fa-video fa-fw): **Bilibili player** shortcode
* :(far fa-bell): Kinds of **admonitions** shortcode * :(far fa-bell fa-fw): Kinds of **admonitions** shortcode
* :(fas fa-align-left): **Custom style** shortcode * :(fas fa-align-left fa-fw): **Custom style** shortcode
* :(fas fa-i-cursor): **Animated typing** supported by [TypeIt](https://typeitjs.com/) * :(fas fa-i-cursor fa-fw): **Animated typing** supported by [TypeIt](https://typeitjs.com/)
* :(fas fa-arrow-down): **Dynamic scroll** supported by [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll) * :(fas fa-arrow-down fa-fw): **Dynamic scroll** supported by [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
* ... * ...
### License ### License

View file

@ -15,7 +15,7 @@ math:
[![GitHub stars](https://img.shields.io/github/stars/dillonzq/LoveIt?style=social)](https://github.com/dillonzq/LoveIt) [![GitHub stars](https://img.shields.io/github/stars/dillonzq/LoveIt?style=social)](https://github.com/dillonzq/LoveIt)
[![GitHub forks](https://img.shields.io/github/forks/dillonzq/LoveIt?style=social)](https://github.com/dillonzq/LoveIt/fork) [![GitHub forks](https://img.shields.io/github/forks/dillonzq/LoveIt?style=social)](https://github.com/dillonzq/LoveIt/fork)
[:(far fa-kiss-wink-heart): LoveIt](https://github.com/dillonzq/LoveIt) 是一个由 [Dillon](https://dillonzq.com) 开发的**简洁**、**优雅**且**高效**的 [Hugo](https://gohugo.io/) 博客主题。 [:(far fa-kiss-wink-heart fa-fw): LoveIt](https://github.com/dillonzq/LoveIt) 是一个由 [Dillon](https://dillonzq.com) 开发的**简洁**、**优雅**且**高效**的 [Hugo](https://gohugo.io/) 博客主题。
它的原型基于 [LeaveIt 主题](https://github.com/liuzc/LeaveIt/) 和 [KeepIt 主题](https://github.com/liuzc/LeaveIt/)。 它的原型基于 [LeaveIt 主题](https://github.com/liuzc/LeaveIt/) 和 [KeepIt 主题](https://github.com/liuzc/LeaveIt/)。
@ -25,55 +25,56 @@ math:
#### 性能和 SEO #### 性能和 SEO
* :(fas fa-rocket): **性能**优化:在 [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights) 中, [99]/[100] 的移动设备得分和 [100]/[100] 的桌面设备得分 * :(fas fa-rocket fa-fw): **性能**优化:在 [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights) 中, [99]/[100] 的移动设备得分和 [100]/[100] 的桌面设备得分
* :(fab fa-searchengin): 使用基于 JSON-LD 格式 的 **SEO SCHEMA** 文件进行 SEO 优化 * :(fab fa-searchengin fa-fw): 使用基于 JSON-LD 格式 的 **SEO SCHEMA** 文件进行 SEO 优化
* :(fab fa-google): 支持 **[Google Analytics](https://analytics.google.com/analytics)** * :(fab fa-google fa-fw): 支持 **[Google Analytics](https://analytics.google.com/analytics)**
* :(far fa-chart-bar): 支持 **[Fathom Analytics](https://usefathom.com/)** * :(far fa-chart-bar fa-fw): 支持 **[Fathom Analytics](https://usefathom.com/)**
* :(fas fa-search): 支持搜索引擎的**网站验证** (Google, Bind, Yandex and Baidu) * :(fas fa-search fa-fw): 支持搜索引擎的**网站验证** (Google, Bind, Yandex and Baidu)
* :(fas fa-tachometer-alt): 支持所有第三方库的 **CDN** * :(fas fa-tachometer-alt fa-fw): 支持所有第三方库的 **CDN**
* :(fas fa-cloud-download-alt): 基于 [lazysizes](https://github.com/aFarkas/lazysizes) 自动转换图片为**懒加载** * :(fas fa-cloud-download-alt fa-fw): 基于 [lazysizes](https://github.com/aFarkas/lazysizes) 自动转换图片为**懒加载**
#### 外观和布局 #### 外观和布局
* [:(fas fa-desktop):]/[:(fas fa-mobile):] **响应式**布局 * [:(fas fa-desktop):]/[:(fas fa-mobile):] **响应式**布局
* [:(fas fa-sun):]/[:(fas fa-moon):] **[浅色]/[深色]** 主题模式 * [:(fas fa-sun):]/[:(fas fa-moon):] **[浅色]/[深色]** 主题模式
* :(fas fa-layer-group): 全局一致的**设计语言** * :(fas fa-layer-group fa-fw): 全局一致的**设计语言**
* :(fas fa-ellipsis-h): 支持**分页** * :(fas fa-ellipsis-h fa-fw): 支持**分页**
* :(far fa-list-alt): 易用和自动展开的**文章目录** * :(far fa-list-alt fa-fw): 易用和自动展开的**文章目录**
* :(fas fa-language): 支持**多语言**和国际化 * :(fas fa-language fa-fw): 支持**多语言**和国际化
* :(fab fa-css3-alt): 美观的 **CSS 动画** * :(fab fa-css3-alt fa-fw): 美观的 **CSS 动画**
#### 社交和评论系统 #### 社交和评论系统
* :(far fa-user): 支持 **[Gravatar](https://gravatar.com)** 头像 * :(far fa-user fa-fw): 支持 **[Gravatar](https://gravatar.com)** 头像
* :(fas fa-user-circle): 支持本地**头像** * :(fas fa-user-circle fa-fw): 支持本地**头像**
* :(far fa-id-card): 支持多达 **64** 种社交链接 * :(far fa-id-card fa-fw): 支持多达 **64** 种社交链接
* :(fas fa-share-square): 支持多达 **28** 种网站分享 * :(fas fa-share-square fa-fw): 支持多达 **28** 种网站分享
* :(far fa-comment): 支持 **[Disqus](https://disqus.com)** 评论系统 * :(far fa-comment fa-fw): 支持 **[Disqus](https://disqus.com)** 评论系统
* :(far fa-comment-dots): 支持 **[Gitalk](https://github.com/gitalk/gitalk)** 评论系统 * :(far fa-comment-dots fa-fw): 支持 **[Gitalk](https://github.com/gitalk/gitalk)** 评论系统
* :(far fa-comment-alt): 支持 **[Valine](https://valine.js.org/)** 评论系统 * :(far fa-comment-alt fa-fw): 支持 **[Valine](https://valine.js.org/)** 评论系统
* :(far fa-comments): 支持 **[Facebook](https://developers.facebook.com/docs/plugins/comments/) 评论**系统 * :(far fa-comments fa-fw): 支持 **[Facebook](https://developers.facebook.com/docs/plugins/comments/) 评论**系统
* :(fas fa-comments): 支持 **[Telegram Comments](https://comments.app/) 评论**系统 * :(fas fa-comment fa-fw): 支持 **[Telegram comments](https://comments.app/) 评论**系统
* :(fas fa-comment-dots fa-fw): 支持 **[Commento](https://commento.io/)** 评论系统
#### 扩展功能 #### 扩展功能
* :(fas fa-search): 支持基于 [Lunr.js](https://lunrjs.com/) 或 [algolia](https://www.algolia.com/) 的**搜索** * :(fas fa-search fa-fw): 支持基于 [Lunr.js](https://lunrjs.com/) 或 [algolia](https://www.algolia.com/) 的**搜索**
* :(fas fa-code): 支持**代码高亮** * :(fas fa-code fa-fw): 支持**代码高亮**
* :(far fa-copy): 一键**复制代码**到剪贴板 * :(far fa-copy fa-fw): 一键**复制代码**到剪贴板
* :(far fa-images): 支持基于 [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js) 的**图片画廊** * :(far fa-images fa-fw): 支持基于 [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js) 的**图片画廊**
* :(fab fa-font-awesome): 支持 **[Font Awesome](https://fontawesome.com/) 图标**的扩展 Markdown 语法 * :(fab fa-font-awesome fa-fw): 支持 **[Font Awesome](https://fontawesome.com/) 图标**的扩展 Markdown 语法
* :(far fa-sticky-note): 支持**上标注释**的扩展 Markdown 语法 * :(far fa-sticky-note fa-fw): 支持**上标注释**的扩展 Markdown 语法
* :(fas fa-percentage): 支持**分数**的扩展 Markdown 语法 * :(fas fa-percentage fa-fw): 支持**分数**的扩展 Markdown 语法
* :(fas fa-square-root-alt): 支持基于 [$ \KaTeX $](https://katex.org/) 的**数学公式** * :(fas fa-square-root-alt fa-fw): 支持基于 [$ \KaTeX $](https://katex.org/) 的**数学公式**
* :(fas fa-project-diagram): 支持基于 [mermaid](https://github.com/knsv/mermaid) 的**图表** shortcode * :(fas fa-project-diagram fa-fw): 支持基于 [mermaid](https://github.com/knsv/mermaid) 的**图表** shortcode
* :(fas fa-chart-pie): 支持基于 [ECharts](https://echarts.apache.org/) 的**交互式数据可视化** shortcode * :(fas fa-chart-pie fa-fw): 支持基于 [ECharts](https://echarts.apache.org/) 的**交互式数据可视化** shortcode
* :(fas fa-map-marked-alt): 支持基于 [Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js) 的 **Mapbox** shortcode * :(fas fa-map-marked-alt fa-fw): 支持基于 [Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js) 的 **Mapbox** shortcode
* :(fas fa-music): 支持基于 [APlayer](https://github.com/MoePlayer/APlayer) 和 [MetingJS](https://github.com/metowolf/MetingJS) 的**音乐播放器** shortcode * :(fas fa-music fa-fw): 支持基于 [APlayer](https://github.com/MoePlayer/APlayer) 和 [MetingJS](https://github.com/metowolf/MetingJS) 的**音乐播放器** shortcode
* :(fas fa-video): 支持 **Bilibili 视频** shortcode * :(fas fa-video fa-fw): 支持 **Bilibili 视频** shortcode
* :(far fa-bell): 支持多种**注释**的 shortcode * :(far fa-bell fa-fw): 支持多种**注释**的 shortcode
* :(fas fa-align-left): 支持**自定义样式**的 shortcode * :(fas fa-align-left fa-fw): 支持**自定义样式**的 shortcode
* :(fas fa-i-cursor): 支持基于 [TypeIt](https://typeitjs.com/) 的**打字动画** shortcode * :(fas fa-i-cursor fa-fw): 支持基于 [TypeIt](https://typeitjs.com/) 的**打字动画** shortcode
* :(fas fa-arrow-down): 支持基于 [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll) 的**滚动动画** * :(fas fa-arrow-down fa-fw): 支持基于 [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll) 的**滚动动画**
* ... * ...
### 许可协议 ### 许可协议

View file

@ -51,7 +51,7 @@ John Gruber, the author of Markdown, puts it like this:
Without further delay, let us go over the main elements of Markdown and what the resulting HTML looks like! Without further delay, let us go over the main elements of Markdown and what the resulting HTML looks like!
{{< admonition tip >}} {{< admonition tip >}}
:(far fa-bookmark): Bookmark this page for easy future reference! :(far fa-bookmark fa-fw): Bookmark this page for easy future reference!
{{< /admonition >}} {{< /admonition >}}
## 1 Headings ## 1 Headings

View file

@ -56,7 +56,7 @@ John Gruber, the author of Markdown, puts it like this:
Without further delay, let us go over the main elements of Markdown and what the resulting HTML looks like! Without further delay, let us go over the main elements of Markdown and what the resulting HTML looks like!
{{< admonition tip >}} {{< admonition tip >}}
:(far fa-bookmark): Bookmark this page for easy future reference! :(far fa-bookmark fa-fw): Bookmark this page for easy future reference!
{{< /admonition >}} {{< /admonition >}}
## 1 Headings ## 1 Headings

View file

@ -51,7 +51,7 @@ John Gruber, Markdown 的作者如是说:
话不多说, 我们来回顾一下 Markdown 的主要语法以及生成的 HTML 样式! 话不多说, 我们来回顾一下 Markdown 的主要语法以及生成的 HTML 样式!
{{< admonition tip >}} {{< admonition tip >}}
:(far fa-bookmark): 将此页保存为书签,以备将来参考! :(far fa-bookmark fa-fw): 将此页保存为书签,以备将来参考!
{{< /admonition >}} {{< /admonition >}}
## 1 标题 ## 1 标题

View file

@ -26,7 +26,7 @@ Discover what the Hugo - **LoveIt** theme is all about and the core-concepts beh
Thanks to the simplicity of Hugo, [Hugo](https://gohugo.io/) is the only dependency of this theme. Thanks to the simplicity of Hugo, [Hugo](https://gohugo.io/) is the only dependency of this theme.
Just install latest version of [:(far fa-file-archive): Hugo extended (> 0.62.0)](https://gohugo.io/getting-started/installing/) for your OS (**Windows**, **Linux**, **macOS**). Just install latest version of [:(far fa-file-archive fa-fw): Hugo extended (> 0.62.0)](https://gohugo.io/getting-started/installing/) for your OS (**Windows**, **Linux**, **macOS**).
{{< admonition note "Why not support earlier versions of Hugo?" >}} {{< admonition note "Why not support earlier versions of Hugo?" >}}
Since [Markdown Render Hooks](https://gohugo.io/getting-started/configuration-markup/#markdown-render-hooks) was introduced in the [Hugo Christmas Edition](https://gohugo.io/news/0.62.0-relnotes/), this theme only supports Hugo versions above **0.62.0**. Since [Markdown Render Hooks](https://gohugo.io/getting-started/configuration-markup/#markdown-render-hooks) was introduced in the [Hugo Christmas Edition](https://gohugo.io/news/0.62.0-relnotes/), this theme only supports Hugo versions above **0.62.0**.
@ -53,7 +53,7 @@ cd my_website
The **LoveIt** themes repository is: [https://github.com/dillonzq/LoveIt](https://github.com/dillonzq/LoveIt). The **LoveIt** themes repository is: [https://github.com/dillonzq/LoveIt](https://github.com/dillonzq/LoveIt).
You can download the [latest release :(far fa-file-archive): .zip file](https://github.com/dillonzq/LoveIt/releases) of the theme and extract it in the `themes` directory. You can download the [latest release :(far fa-file-archive fa-fw): .zip file](https://github.com/dillonzq/LoveIt/releases) of the theme and extract it in the `themes` directory.
Alternatively, clone this repository to the `themes` directory: Alternatively, clone this repository to the `themes` directory:
@ -362,8 +362,6 @@ Note that some of these parameters are explained in details in other sections of
hiddenFromSearch = false hiddenFromSearch = false
# whether to enable lightgallery # whether to enable lightgallery
lightgallery = false lightgallery = false
# {{< version 0.2.0 >}} whether to show the copy button of the code block
copyCode = true
# {{< version 0.2.0 >}} whether to enable the ruby extended syntax # {{< version 0.2.0 >}} whether to enable the ruby extended syntax
ruby = true ruby = true
# {{< version 0.2.0 >}} whether to enable the fraction extended syntax # {{< version 0.2.0 >}} whether to enable the fraction extended syntax
@ -391,6 +389,10 @@ Note that some of these parameters are explained in details in other sections of
copyTex = true copyTex = true
# KaTeX extension mhchem # KaTeX extension mhchem
mhchem = true mhchem = true
# {{< version 0.2.0 >}} Code config
[params.page.code]
# whether to show the copy button of the code block
copy = true
# {{< version 0.2.0 >}} {{< link "https://docs.mapbox.com/mapbox-gl-js" "Mapbox GL JS" >}} config # {{< version 0.2.0 >}} {{< link "https://docs.mapbox.com/mapbox-gl-js" "Mapbox GL JS" >}} config
[params.page.mapbox] [params.page.mapbox]
# access token of Mapbox GL JS # access token of Mapbox GL JS
@ -485,7 +487,7 @@ Note that some of these parameters are explained in details in other sections of
outlined = false outlined = false
# {{< version 0.2.0 >}} {{< link "https://commento.io/" "Commento" >}} comment config # {{< version 0.2.0 >}} {{< link "https://commento.io/" "Commento" >}} comment config
[params.page.comment.commento] [params.page.comment.commento]
enable = true enable = false
# {{< version 0.2.0 >}} SEO config # {{< version 0.2.0 >}} SEO config
[params.page.seo] [params.page.seo]
# Publisher info # Publisher info
@ -754,12 +756,12 @@ In `config/css/_custom.scss`, you can add some css style code to customize the s
| Language | Hugo Code | HTML `lang` Attribute | Theme Docs | Lunr.js Support | | Language | Hugo Code | HTML `lang` Attribute | Theme Docs | Lunr.js Support |
|:------------------ |:---------:|:---------------------:|:-----------------------:|:-----------------------:| |:------------------ |:---------:|:---------------------:|:-----------------------:|:-----------------------:|
| English | `en` | `en` | :(far fa-check-square): | :(far fa-check-square): | | English | `en` | `en` | :(far fa-check-square fa-fw): | :(far fa-check-square fa-fw): |
| Simplified Chinese | `zh-cn` | `zh-CN` | :(far fa-check-square): | :(far fa-check-square): | | Simplified Chinese | `zh-cn` | `zh-CN` | :(far fa-check-square fa-fw): | :(far fa-check-square fa-fw): |
| French | `fr` | `fr` | :(far fa-square): | :(far fa-check-square): | | French | `fr` | `fr` | :(far fa-square fa-fw): | :(far fa-check-square fa-fw): |
| Polish | `pl` | `pl` | :(far fa-square): | :(far fa-square): | | Polish | `pl` | `pl` | :(far fa-square fa-fw): | :(far fa-square fa-fw): |
:(far fa-kiss-wink-heart): **Feel free to [contribute](https://github.com/dillonzq/LoveIt/pulls)!** :(far fa-kiss-wink-heart fa-fw): **Feel free to [contribute](https://github.com/dillonzq/LoveIt/pulls)!**
### 4.2 Basic Configuration ### 4.2 Basic Configuration

View file

@ -31,7 +31,7 @@ Welcome to take the time to propose a translation by [making a PR](https://githu
Thanks to the simplicity of Hugo, [Hugo](https://gohugo.io/) is the only dependency of this theme. Thanks to the simplicity of Hugo, [Hugo](https://gohugo.io/) is the only dependency of this theme.
Just install latest version of [:(far fa-file-archive): Hugo extended (> 0.62.0)](https://gohugo.io/getting-started/installing/) for your OS (**Windows**, **Linux**, **macOS**). Just install latest version of [:(far fa-file-archive fa-fw): Hugo extended (> 0.62.0)](https://gohugo.io/getting-started/installing/) for your OS (**Windows**, **Linux**, **macOS**).
{{< admonition note "Why not support earlier versions of Hugo?" >}} {{< admonition note "Why not support earlier versions of Hugo?" >}}
Since [Markdown Render Hooks](https://gohugo.io/getting-started/configuration-markup/#markdown-render-hooks) was introduced in the [Hugo Christmas Edition](https://gohugo.io/news/0.62.0-relnotes/), this theme only supports Hugo versions above **0.62.0**. Since [Markdown Render Hooks](https://gohugo.io/getting-started/configuration-markup/#markdown-render-hooks) was introduced in the [Hugo Christmas Edition](https://gohugo.io/news/0.62.0-relnotes/), this theme only supports Hugo versions above **0.62.0**.
@ -58,7 +58,7 @@ cd my_website
The **LoveIt** themes repository is: [https://github.com/dillonzq/LoveIt](https://github.com/dillonzq/LoveIt). The **LoveIt** themes repository is: [https://github.com/dillonzq/LoveIt](https://github.com/dillonzq/LoveIt).
You can download the [latest release :(far fa-file-archive): .zip file](https://github.com/dillonzq/LoveIt/releases) of the theme and extract it in the `themes` directory. You can download the [latest release :(far fa-file-archive fa-fw): .zip file](https://github.com/dillonzq/LoveIt/releases) of the theme and extract it in the `themes` directory.
Alternatively, clone this repository to the `themes` directory: Alternatively, clone this repository to the `themes` directory:
@ -367,8 +367,6 @@ Note that some of these parameters are explained in details in other sections of
hiddenFromSearch = false hiddenFromSearch = false
# whether to enable lightgallery # whether to enable lightgallery
lightgallery = false lightgallery = false
# {{< version 0.2.0 >}} whether to show the copy button of the code block
copyCode = true
# {{< version 0.2.0 >}} whether to enable the ruby extended syntax # {{< version 0.2.0 >}} whether to enable the ruby extended syntax
ruby = true ruby = true
# {{< version 0.2.0 >}} whether to enable the fraction extended syntax # {{< version 0.2.0 >}} whether to enable the fraction extended syntax
@ -396,6 +394,10 @@ Note that some of these parameters are explained in details in other sections of
copyTex = true copyTex = true
# KaTeX extension mhchem # KaTeX extension mhchem
mhchem = true mhchem = true
# {{< version 0.2.0 >}} Code config
[params.page.code]
# whether to show the copy button of the code block
copy = true
# {{< version 0.2.0 >}} {{< link "https://docs.mapbox.com/mapbox-gl-js" "Mapbox GL JS" >}} config # {{< version 0.2.0 >}} {{< link "https://docs.mapbox.com/mapbox-gl-js" "Mapbox GL JS" >}} config
[params.page.mapbox] [params.page.mapbox]
# access token of Mapbox GL JS # access token of Mapbox GL JS
@ -490,7 +492,7 @@ Note that some of these parameters are explained in details in other sections of
outlined = false outlined = false
# {{< version 0.2.0 >}} {{< link "https://commento.io/" "Commento" >}} comment config # {{< version 0.2.0 >}} {{< link "https://commento.io/" "Commento" >}} comment config
[params.page.comment.commento] [params.page.comment.commento]
enable = true enable = false
# {{< version 0.2.0 >}} SEO config # {{< version 0.2.0 >}} SEO config
[params.page.seo] [params.page.seo]
# Publisher info # Publisher info
@ -759,12 +761,12 @@ In `config/css/_custom.scss`, you can add some css style code to customize the s
| Language | Hugo Code | HTML `lang` Attribute | Theme Docs | Lunr.js Support | | Language | Hugo Code | HTML `lang` Attribute | Theme Docs | Lunr.js Support |
|:------------------ |:---------:|:---------------------:|:-----------------------:|:-----------------------:| |:------------------ |:---------:|:---------------------:|:-----------------------:|:-----------------------:|
| English | `en` | `en` | :(far fa-check-square): | :(far fa-check-square): | | English | `en` | `en` | :(far fa-check-square fa-fw): | :(far fa-check-square fa-fw): |
| Simplified Chinese | `zh-cn` | `zh-CN` | :(far fa-check-square): | :(far fa-check-square): | | Simplified Chinese | `zh-cn` | `zh-CN` | :(far fa-check-square fa-fw): | :(far fa-check-square fa-fw): |
| French | `fr` | `fr` | :(far fa-square): | :(far fa-check-square): | | French | `fr` | `fr` | :(far fa-square fa-fw): | :(far fa-check-square fa-fw): |
| Polish | `pl` | `pl` | :(far fa-square): | :(far fa-square): | | Polish | `pl` | `pl` | :(far fa-square fa-fw): | :(far fa-square fa-fw): |
:(far fa-kiss-wink-heart): **Feel free to [contribute](https://github.com/dillonzq/LoveIt/pulls)!** :(far fa-kiss-wink-heart fa-fw): **Feel free to [contribute](https://github.com/dillonzq/LoveIt/pulls)!**
### 4.2 Basic Configuration ### 4.2 Basic Configuration

View file

@ -26,7 +26,7 @@ toc:
由于 Hugo 提供的便利性, [Hugo](https://gohugo.io/) 本身是这个主题唯一的依赖. 由于 Hugo 提供的便利性, [Hugo](https://gohugo.io/) 本身是这个主题唯一的依赖.
直接安装满足你操作系统 (**Windows**, **Linux**, **macOS**) 的最新版本 [:(far fa-file-archive): Hugo extended (> 0.62.0)](https://gohugo.io/getting-started/installing/). 直接安装满足你操作系统 (**Windows**, **Linux**, **macOS**) 的最新版本 [:(far fa-file-archive fa-fw): Hugo extended (> 0.62.0)](https://gohugo.io/getting-started/installing/).
{{< admonition note "为什么不支持早期版本的 Hugo?" >}} {{< admonition note "为什么不支持早期版本的 Hugo?" >}}
由于 [Markdown 渲染钩子函数](https://gohugo.io/getting-started/configuration-markup/#markdown-render-hooks) 在 [Hugo 圣诞节版本](https://gohugo.io/news/0.62.0-relnotes/) 中被引入, 本主题只支持高于 **0.62.0** 的 Hugo 版本. 由于 [Markdown 渲染钩子函数](https://gohugo.io/getting-started/configuration-markup/#markdown-render-hooks) 在 [Hugo 圣诞节版本](https://gohugo.io/news/0.62.0-relnotes/) 中被引入, 本主题只支持高于 **0.62.0** 的 Hugo 版本.
@ -53,7 +53,7 @@ cd my_website
**LoveIt** 主题的仓库是: [https://github.com/dillonzq/LoveIt](https://github.com/dillonzq/LoveIt). **LoveIt** 主题的仓库是: [https://github.com/dillonzq/LoveIt](https://github.com/dillonzq/LoveIt).
你可以下载主题的 [最新版本 :(far fa-file-archive): .zip 文件](https://github.com/dillonzq/LoveIt/releases) 并且解压放到 `themes` 目录. 你可以下载主题的 [最新版本 :(far fa-file-archive fa-fw): .zip 文件](https://github.com/dillonzq/LoveIt/releases) 并且解压放到 `themes` 目录.
另外, 也可以直接把这个主题克隆到 `themes` 目录: 另外, 也可以直接把这个主题克隆到 `themes` 目录:
@ -365,8 +365,6 @@ hugo
hiddenFromSearch = false hiddenFromSearch = false
# 是否在文章页面使用 lightgallery # 是否在文章页面使用 lightgallery
lightgallery = true lightgallery = true
# {{< version 0.2.0 >}} 是否显示代码块的复制按钮
copyCode = true
# {{< version 0.2.0 >}} 是否使用 ruby 扩展语法 # {{< version 0.2.0 >}} 是否使用 ruby 扩展语法
ruby = true ruby = true
# {{< version 0.2.0 >}} 是否使用 fraction 扩展语法 # {{< version 0.2.0 >}} 是否使用 fraction 扩展语法
@ -381,6 +379,10 @@ hugo
enable = true enable = true
# 是否使目录自动折叠展开 # 是否使目录自动折叠展开
auto = true auto = true
# {{< version 0.2.0 >}} 代码配置
[params.page.code]
# 是否显示代码块的复制按钮
copy = true
# {{< version 0.2.0 changed >}} {{< link "https://katex.org/" KaTeX >}} 数学公式 # {{< version 0.2.0 changed >}} {{< link "https://katex.org/" KaTeX >}} 数学公式
[params.page.math] [params.page.math]
enable = true enable = true
@ -488,7 +490,7 @@ hugo
outlined = false outlined = false
# {{< version 0.2.0 >}} {{< link "https://commento.io/" "Commento" >}} 评论系统设置 # {{< version 0.2.0 >}} {{< link "https://commento.io/" "Commento" >}} 评论系统设置
[params.page.comment.commento] [params.page.comment.commento]
enable = true enable = false
# {{< version 0.2.0 >}} SEO config # {{< version 0.2.0 >}} SEO config
[params.page.seo] [params.page.seo]
# 出版者信息 # 出版者信息
@ -757,12 +759,12 @@ $code-font-family: Fira Mono, Source Code Pro, Menlo, Consolas, Monaco, monospac
| 语言 | Hugo 代码 | HTML `lang` 属性 | 主题文档 | Lunr.js 支持 | | 语言 | Hugo 代码 | HTML `lang` 属性 | 主题文档 | Lunr.js 支持 |
|:---- |:----:|:----:|:----:|:----:| |:---- |:----:|:----:|:----:|:----:|
| 英语 | `en` | `en` | :(far fa-check-square): | :(far fa-check-square): | | 英语 | `en` | `en` | :(far fa-check-square fa-fw): | :(far fa-check-square fa-fw): |
| 简体中文 | `zh-cn` | `zh-CN` | :(far fa-check-square): | :(far fa-check-square): | | 简体中文 | `zh-cn` | `zh-CN` | :(far fa-check-square fa-fw): | :(far fa-check-square fa-fw): |
| 法语 | `fr` | `fr` | :(far fa-square): | :(far fa-check-square): | | 法语 | `fr` | `fr` | :(far fa-square fa-fw): | :(far fa-check-square fa-fw): |
| 波兰语 | `pl` | `pl` | :(far fa-square): | :(far fa-square): | | 波兰语 | `pl` | `pl` | :(far fa-square fa-fw): | :(far fa-square fa-fw): |
:(far fa-kiss-wink-heart): **请自由地[贡献代码](https://github.com/dillonzq/LoveIt/pulls)!** :(far fa-kiss-wink-heart fa-fw): **请自由地[贡献代码](https://github.com/dillonzq/LoveIt/pulls)!**
### 4.2 基本配置 ### 4.2 基本配置

View file

@ -63,7 +63,6 @@ featuredImagePreview: ""
hiddenFromHomePage: false hiddenFromHomePage: false
hiddenFromSearch: false hiddenFromSearch: false
lightgallery: true lightgallery: true
copyCode: true
ruby: true ruby: true
fraction: true fraction: true
fontawesome: true fontawesome: true
@ -72,6 +71,9 @@ linkToMarkdown: true
toc: toc:
enable: true enable: true
auto: true auto: true
code:
copy: true
# ...
math: math:
enable: true enable: true
# ... # ...
@ -104,7 +106,6 @@ comment:
* **hiddenFromHomePage**: if `true`, the content will not be shown in the home page. * **hiddenFromHomePage**: if `true`, the content will not be shown in the home page.
* **hiddenFromSearch**: {{< version 0.2.0 >}} if `true`, the content will not be shown in the search results. * **hiddenFromSearch**: {{< version 0.2.0 >}} if `true`, the content will not be shown in the search results.
* **copyCode**: {{< version 0.2.0 >}} if `true`, the content will show the copy button of the code block.
* **lightgallery**: if `true`, images in the content will be shown as the gallery. * **lightgallery**: if `true`, images in the content will be shown as the gallery.
* **ruby**: {{< version 0.2.0 >}} if `true`, the content will enable the [ruby extended syntax](#ruby). * **ruby**: {{< version 0.2.0 >}} if `true`, the content will enable the [ruby extended syntax](#ruby).
* **fraction**: {{< version 0.2.0 >}} if `true`, the content will enable the [fraction extended syntax](#fraction). * **fraction**: {{< version 0.2.0 >}} if `true`, the content will enable the [fraction extended syntax](#fraction).
@ -112,6 +113,7 @@ comment:
* **linkToMarkdown**: if `true`, the footer of the content will show the link to the orignal Markdown file. * **linkToMarkdown**: if `true`, the footer of the content will show the link to the orignal Markdown file.
* **toc**: {{< version 0.2.0 changed >}} the same as the `params.page.toc` part in the [site configuration](../theme-documentation-basics/#site-configuration). * **toc**: {{< version 0.2.0 changed >}} the same as the `params.page.toc` part in the [site configuration](../theme-documentation-basics/#site-configuration).
* **code**: {{< version 0.2.0 >}} the same as the `params.page.code` part in the [site configuration](../theme-documentation-basics/#site-configuration).
* **math**: {{< version 0.2.0 changed >}} the same as the `params.page.math` part in the [site configuration](../theme-documentation-basics/#site-configuration). * **math**: {{< version 0.2.0 changed >}} the same as the `params.page.math` part in the [site configuration](../theme-documentation-basics/#site-configuration).
* **mapbox**: {{< version 0.2.0 >}} the same as the `params.page.mapbox` part in the [site configuration](../theme-documentation-basics/#site-configuration). * **mapbox**: {{< version 0.2.0 >}} the same as the `params.page.mapbox` part in the [site configuration](../theme-documentation-basics/#site-configuration).
* **share**: the same as the `params.page.share` part in the [site configuration](../theme-documentation-basics/#site-configuration). * **share**: the same as the `params.page.share` part in the [site configuration](../theme-documentation-basics/#site-configuration).
@ -287,14 +289,14 @@ You can easily use these icons in your articles.
Get the `class` of icons you wanted from the [Font Awesome website](https://fontawesome.com/icons?d=gallery). Get the `class` of icons you wanted from the [Font Awesome website](https://fontawesome.com/icons?d=gallery).
```markdown ```markdown
Gone camping! {?:}(fas fa-campground): Be back soon. Gone camping! {?:}(fas fa-campground fa-fw): Be back soon.
That is so funny! {?:}(far fa-grin-tears): That is so funny! {?:}(far fa-grin-tears):
``` ```
The rendered output looks like this: The rendered output looks like this:
Gone camping! :(fas fa-campground): Be back soon. Gone camping! :(fas fa-campground fa-fw): Be back soon.
That is so funny! :(far fa-grin-tears): That is so funny! :(far fa-grin-tears):

View file

@ -68,7 +68,6 @@ featuredImagePreview: ""
hiddenFromHomePage: false hiddenFromHomePage: false
hiddenFromSearch: false hiddenFromSearch: false
lightgallery: true lightgallery: true
copyCode: true
ruby: true ruby: true
fraction: true fraction: true
fontawesome: true fontawesome: true
@ -77,6 +76,9 @@ linkToMarkdown: true
toc: toc:
enable: true enable: true
auto: true auto: true
code:
copy: true
# ...
math: math:
enable: true enable: true
# ... # ...
@ -109,7 +111,6 @@ comment:
* **hiddenFromHomePage**: if `true`, the content will not be shown in the home page. * **hiddenFromHomePage**: if `true`, the content will not be shown in the home page.
* **hiddenFromSearch**: {{< version 0.2.0 >}} if `true`, the content will not be shown in the search results. * **hiddenFromSearch**: {{< version 0.2.0 >}} if `true`, the content will not be shown in the search results.
* **copyCode**: {{< version 0.2.0 >}} if `true`, the content will show the copy button of the code block.
* **lightgallery**: if `true`, images in the content will be shown as the gallery. * **lightgallery**: if `true`, images in the content will be shown as the gallery.
* **ruby**: {{< version 0.2.0 >}} if `true`, the content will enable the [ruby extended syntax](#ruby). * **ruby**: {{< version 0.2.0 >}} if `true`, the content will enable the [ruby extended syntax](#ruby).
* **fraction**: {{< version 0.2.0 >}} if `true`, the content will enable the [fraction extended syntax](#fraction). * **fraction**: {{< version 0.2.0 >}} if `true`, the content will enable the [fraction extended syntax](#fraction).
@ -117,6 +118,7 @@ comment:
* **linkToMarkdown**: if `true`, the footer of the content will show the link to the orignal Markdown file. * **linkToMarkdown**: if `true`, the footer of the content will show the link to the orignal Markdown file.
* **toc**: {{< version 0.2.0 changed >}} the same as the `params.page.toc` part in the [site configuration](../theme-documentation-basics/#site-configuration). * **toc**: {{< version 0.2.0 changed >}} the same as the `params.page.toc` part in the [site configuration](../theme-documentation-basics/#site-configuration).
* **code**: {{< version 0.2.0 >}} the same as the `params.page.code` part in the [site configuration](../theme-documentation-basics/#site-configuration).
* **math**: {{< version 0.2.0 changed >}} the same as the `params.page.math` part in the [site configuration](../theme-documentation-basics/#site-configuration). * **math**: {{< version 0.2.0 changed >}} the same as the `params.page.math` part in the [site configuration](../theme-documentation-basics/#site-configuration).
* **mapbox**: {{< version 0.2.0 >}} the same as the `params.page.mapbox` part in the [site configuration](../theme-documentation-basics/#site-configuration). * **mapbox**: {{< version 0.2.0 >}} the same as the `params.page.mapbox` part in the [site configuration](../theme-documentation-basics/#site-configuration).
* **share**: the same as the `params.page.share` part in the [site configuration](../theme-documentation-basics/#site-configuration). * **share**: the same as the `params.page.share` part in the [site configuration](../theme-documentation-basics/#site-configuration).
@ -292,14 +294,14 @@ You can easily use these icons in your articles.
Get the `class` of icons you wanted from the [Font Awesome website](https://fontawesome.com/icons?d=gallery). Get the `class` of icons you wanted from the [Font Awesome website](https://fontawesome.com/icons?d=gallery).
```markdown ```markdown
Gone camping! {?:}(fas fa-campground): Be back soon. Gone camping! {?:}(fas fa-campground fa-fw): Be back soon.
That is so funny! {?:}(far fa-grin-tears): That is so funny! {?:}(far fa-grin-tears):
``` ```
The rendered output looks like this: The rendered output looks like this:
Gone camping! :(fas fa-campground): Be back soon. Gone camping! :(fas fa-campground fa-fw): Be back soon.
That is so funny! :(far fa-grin-tears): That is so funny! :(far fa-grin-tears):

View file

@ -63,7 +63,6 @@ featuredImagePreview: ""
hiddenFromHomePage: false hiddenFromHomePage: false
hiddenFromSearch: false hiddenFromSearch: false
lightgallery: true lightgallery: true
copyCode: true
ruby: true ruby: true
fraction: true fraction: true
fontawesome: true fontawesome: true
@ -72,6 +71,9 @@ linkToMarkdown: true
toc: toc:
enable: true enable: true
auto: true auto: true
code:
copy: true
# ...
math: math:
enable: true enable: true
# ... # ...
@ -104,7 +106,6 @@ comment:
* **hiddenFromHomePage**: 如果设为 `true`, 这篇文章将不会显示在主页上. * **hiddenFromHomePage**: 如果设为 `true`, 这篇文章将不会显示在主页上.
* **hiddenFromSearch**: {{< version 0.2.0 >}} 如果设为 `true`, 这篇文章将不会显示在搜索结果中. * **hiddenFromSearch**: {{< version 0.2.0 >}} 如果设为 `true`, 这篇文章将不会显示在搜索结果中.
* **copyCode**: {{< version 0.2.0 >}} 如果设为 `true`, 这篇文章会显示代码块的复制按钮.
* **lightgallery**: 如果设为 `true`, 文章中的图片将可以按照画廊形式呈现. * **lightgallery**: 如果设为 `true`, 文章中的图片将可以按照画廊形式呈现.
* **ruby**: {{< version 0.2.0 >}} 如果设为 `true`, 这篇文章会使用 [上标注释扩展语法](#ruby). * **ruby**: {{< version 0.2.0 >}} 如果设为 `true`, 这篇文章会使用 [上标注释扩展语法](#ruby).
* **fraction**: {{< version 0.2.0 >}} 如果设为 `true`, 这篇文章会使用 [分数扩展语法](#fraction). * **fraction**: {{< version 0.2.0 >}} 如果设为 `true`, 这篇文章会使用 [分数扩展语法](#fraction).
@ -112,6 +113,7 @@ comment:
* **linkToMarkdown**: 如果设为 `true`, 内容的页脚将显示指向原始 Markdown 文件的链接. * **linkToMarkdown**: 如果设为 `true`, 内容的页脚将显示指向原始 Markdown 文件的链接.
* **toc**: {{< version 0.2.0 changed >}} 和 [网站配置](../theme-documentation-basics/#site-configuration) 中的 `params.page.toc` 部分相同. * **toc**: {{< version 0.2.0 changed >}} 和 [网站配置](../theme-documentation-basics/#site-configuration) 中的 `params.page.toc` 部分相同.
* **code**: {{< version 0.2.0 >}} 和 [网站配置](../theme-documentation-basics/#site-configuration) 中的 `params.page.code` 部分相同.
* **math**: {{< version 0.2.0 changed >}} 和 [网站配置](../theme-documentation-basics/#site-configuration) 中的 `params.page.math` 部分相同. * **math**: {{< version 0.2.0 changed >}} 和 [网站配置](../theme-documentation-basics/#site-configuration) 中的 `params.page.math` 部分相同.
* **mapbox**: {{< version 0.2.0 >}} 和 [网站配置](../theme-documentation-basics/#site-configuration) 中的 `params.page.mapbox` 部分相同. * **mapbox**: {{< version 0.2.0 >}} 和 [网站配置](../theme-documentation-basics/#site-configuration) 中的 `params.page.mapbox` 部分相同.
* **share**: 和 [网站配置](../theme-documentation-basics/#site-configuration) 中的 `params.page.share` 部分相同. * **share**: 和 [网站配置](../theme-documentation-basics/#site-configuration) 中的 `params.page.share` 部分相同.
@ -287,14 +289,14 @@ $$ \ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-} $$
从 [Font Awesome 网站](https://fontawesome.com/icons?d=gallery) 上获取所需的图标 `class`. 从 [Font Awesome 网站](https://fontawesome.com/icons?d=gallery) 上获取所需的图标 `class`.
```markdown ```markdown
去露营啦! {?:}(fas fa-campground): 很快就回来. 去露营啦! {?:}(fas fa-campground fa-fw): 很快就回来.
真开心! {?:}(far fa-grin-tears): 真开心! {?:}(far fa-grin-tears):
``` ```
呈现的输出效果如下: 呈现的输出效果如下:
去露营啦! :(fas fa-campground): 很快就回来. 去露营啦! :(fas fa-campground fa-fw): 很快就回来.
真开心! :(far fa-grin-tears): 真开心! :(far fa-grin-tears):

View file

@ -53,7 +53,7 @@
{{- end -}} {{- end -}}
{{- /* clipboard.js */ -}} {{- /* clipboard.js */ -}}
{{- if ne $params.copycode false -}} {{- if not $params.code | or (ne $params.code false) -}}
{{- $source := $cdn.clipboardJS | default "lib/clipboard/clipboard.min.js" -}} {{- $source := $cdn.clipboardJS | default "lib/clipboard/clipboard.min.js" -}}
{{- dict "source" $source "fingerprint" $fingerprint | dict "scratch" $.Scratch "data" | partial "scratch/script.html" -}} {{- dict "source" $source "fingerprint" $fingerprint | dict "scratch" $.Scratch "data" | partial "scratch/script.html" -}}
{{- $config = T "copyToClipboard" | dict "title" | dict "clipboard" | merge $config -}} {{- $config = T "copyToClipboard" | dict "title" | dict "clipboard" | merge $config -}}

View file

@ -10,5 +10,5 @@
{{- $content = replaceRE $REin $REout . -}} {{- $content = replaceRE $REin $REout . -}}
{{- $REin = `:\(([\w- ]+?)\):` -}} {{- $REin = `:\(([\w- ]+?)\):` -}}
{{- $REout = `<i class="$1 fa-fw"></i>` -}} {{- $REout = `<i class="$1"></i>` -}}
{{- return replaceRE $REin $REout $content -}} {{- return replaceRE $REin $REout $content -}}