Merge pull request #133 from dillonzq/develop

Release v0.1.1

README.md

@@ -30,7 +30,7 @@ Compared to the original LeaveIt theme and the KeepIt theme, the LoveIt theme ha
 * Easy-to-use and self-expanding **table of contents**
 * Extended markdown syntax for **[Font Awesome](https://fontawesome.com/) icons**
 * Extended markdown syntax for **ruby annotation**
-* **Mathematical formula** support by [Katex](https://katex.org/)
+* **Mathematical formula** support by [KaTeX](https://katex.org/)
 * **Diagram syntax** shortcode support by [mermaid](https://github.com/knsv/mermaid)
 * **Interactive data visualization** shortcode supported by [ECharts](https://echarts.apache.org/)
 * Embedded **music player** support by [APlayer](https://github.com/MoePlayer/APlayer) and [MetingJS](https://github.com/metowolf/MetingJS)
@@ -86,7 +86,7 @@ I hope you will LoveIt ❤️!
 * **Images gallery** supported by [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js)
 * Extended markdown syntax for **[Font Awesome](https://fontawesome.com/) icons**
 * Extended markdown syntax for **ruby annotation**
-* **Mathematical formula** supported by [Katex](https://katex.org/)
+* **Mathematical formula** supported by [KaTeX](https://katex.org/)
 * **Diagrams** shortcode supported by [mermaid](https://github.com/knsv/mermaid)
 * **Interactive data visualization** shortcode supported by [ECharts](https://echarts.apache.org/)
 * **Music player** shortcode supported by [APlayer](https://github.com/MoePlayer/APlayer) and [MetingJS](https://github.com/metowolf/MetingJS)
@@ -123,7 +123,7 @@ Thanks to the authors of following resources included in the theme:
 * [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js)
 * [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
 * [TypeIt](https://typeitjs.com/)
-* [Katex](https://katex.org/)
+* [KaTeX](https://katex.org/)
 * [mermaid](https://github.com/knsv/mermaid)
 * [ECharts](https://echarts.apache.org/)
 * [APlayer](https://github.com/MoePlayer/APlayer)

README.zh-cn.md

@@ -29,7 +29,7 @@
 * 易用和自动展开的**文章目录**
 * 支持基于 **[Font Awesome](https://fontawesome.com/) 图标**的扩展 Markdown 语法
 * 支持**上标注释**的扩展 Markdown 语法
-* 支持基于 [Katex](https://katex.org/) 的**数学公式**
+* 支持基于 [KaTeX](https://katex.org/) 的**数学公式**
 * 支持基于 [mermaid](https://github.com/knsv/mermaid) 的**图表**生成功能
 * 支持基于 [ECharts](https://echarts.apache.org/) 的**交互式数据可视化**生成功能
 * 支持基于 [APlayer](https://github.com/MoePlayer/APlayer) 和 [MetingJS](https://github.com/metowolf/MetingJS) 的内嵌**音乐播放器**
@@ -81,7 +81,7 @@
 * 支持基于 [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js) 的**图片画廊**
 * 支持 **[Font Awesome](https://fontawesome.com/) 图标**的扩展 Markdown 语法
 * 支持**上标注释**的扩展 Markdown 语法
-* 支持基于 [Katex](https://katex.org/) 的**数学公式**
+* 支持基于 [KaTeX](https://katex.org/) 的**数学公式**
 * 支持基于 [mermaid](https://github.com/knsv/mermaid) 的**图表** shortcode
 * 支持基于 [ECharts](https://echarts.apache.org/) 的**交互式数据可视化** shortcode
 * 支持基于 [APlayer](https://github.com/MoePlayer/APlayer) 和 [MetingJS](https://github.com/metowolf/MetingJS) 的**音乐播放器** shortcode
@@ -118,7 +118,7 @@ LoveIt 主题中用到了以下项目，感谢它们的作者：
 * [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js)
 * [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
 * [TypeIt](https://typeitjs.com/)
-* [Katex](https://katex.org/)
+* [KaTeX](https://katex.org/)
 * [mermaid](https://github.com/knsv/mermaid)
 * [ECharts](https://echarts.apache.org/)
 * [APlayer](https://github.com/MoePlayer/APlayer)

assets/css/_page/_single.scss

@@ -66,7 +66,7 @@
         font-weight: bolder;
       }
 
-      & > a:first-child::before {
+      & > .header-mark::before {
         content: "|";
         margin-right: .3125rem;
         color: $single-link-color;
@@ -77,7 +77,7 @@
       }
     }
 
-    h2 > a:first-child::before {
+    h2 > .header-mark::before {
       content: "#";
     }
 
@@ -167,6 +167,11 @@
       }
     }
 
+    img {
+      max-width: 100%;
+      min-height: 1.2rem;
+    }
+
     figure {
       text-align: center;
 
@@ -184,15 +189,9 @@
 
       img {
         display: block;
-        max-width: 96%;
         height: auto;
         margin: 0 auto;
         overflow: hidden;
-        transition: all 0.2s ease-in-out;
-      }
-
-      a.lightgallery:hover img {
-        transform: scale(1.02);
       }
     }
 

assets/css/_partial/_header.scss

@@ -11,7 +11,7 @@ header {
     font-weight: bold;
   }
 
-  .select-language {
+  .language-select {
     font-weight: $global-font-weight;
     border: none;
     box-shadow: none;
@@ -32,6 +32,10 @@ header {
       cursor: pointer;
     }
   }
+
+  .theme-switch i {
+    transform: rotate(225deg);
+  }
 }
 
 #header-desktop {

assets/css/_partial/_single/_toc.scss

@@ -83,7 +83,6 @@
         display: block;
         display: flex;
         justify-content: space-between;
-        font-size: 1.2em;
         font-weight: bold;
         line-height: 2em;
         padding: 0 .625rem;
@@ -133,6 +132,14 @@
 }
 
 .toc {
+  .toc-title {
+    font-size: $toc-title-font-size;
+  }
+
+  .toc-content {
+    font-size: $toc-content-font-size;
+  }
+
   ruby {
     background: $code-background-color;
 

assets/css/_variables.scss

@@ -71,6 +71,10 @@ $header-hover-color-dark: #fff !default;
 // ========== Header ========== //
 
 // ========== Single Content ========== //
+// Font size of the TOC
+$toc-title-font-size: 1.2rem !default;
+$toc-content-font-size: 0.9rem !default;
+
 // Color of the single link
 $single-link-color: #2d96bd !default;
 $single-link-color-dark: #eee !default;

assets/lib/VERSION

@@ -11,6 +11,6 @@ [email protected] https://github.com/knsv/mermaid
 [email protected] https://github.com/MoePlayer/APlayer
 [email protected] https://github.com/metowolf/MetingJS
 [email protected] https://echarts.apache.org/
-[email protected].0 https://github.com/gitalk/gitalk
+[email protected].2 https://github.com/gitalk/gitalk
 [email protected] https://valine.js.org/
 iconfont https://www.iconfont.cn/

assets/lib/forkawesome/_core.scss

@@ -8,5 +8,4 @@
   text-rendering: auto; // optimizelegibility throws things off #1094
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-
 }

assets/lib/forkawesome/_path.scss

@@ -12,4 +12,5 @@
 //  src: url('#{$fa-font-path}/ForkAwesome.otf') format('opentype'); // used when developing fonts
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }

assets/lib/iconfont/iconfont.css

@@ -5,6 +5,7 @@
   url('iconfont.woff?t=1581963134625') format('woff'),
   url('iconfont.ttf?t=1581963134625') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
   url('iconfont.svg?t=1581963134625#loveit') format('svg'); /* iOS 4.1- */
+  font-display: swap;
 }
 
 .loveit {