feat: update style / exampleSite files and compatible with Hugo 0.58

assets/css/_core/_base.scss

@@ -73,9 +73,3 @@ a {
     }
   }
 }
-
-i.fas,
-i.far,
-i.fab {
-  padding: 0 .2rem;
-}

assets/css/_core/_normalize.scss

@@ -32,7 +32,9 @@ hr,
 h1,
 h2,
 h3,
-h4 {
+h4,
+h5,
+h6 {
   padding: 0;
   margin: 0;
 }

assets/css/_page/_post.scss

@@ -182,7 +182,10 @@
     }
   }
 
-  h3::before {
+  h3::before,
+  h4::before,
+  h5::before,
+  h6::before {
     content: "|";
     margin-right: .3125rem;
     color: $post-link-color;

assets/css/_partial/_post/_code.scss

@@ -108,7 +108,15 @@ p > code {
   }
 
   /* LineNumbersTable */  .lnt { color: $code-info-color; }
-  /* LineHighlight */  .hl { display: block; width: 100%; background-color: #ffffcc }
+  /* LineHighlight */  .hl {
+    display: block;
+    width: 100%;
+    background-color: darken($code-background-color, 5%);
+
+    .dark-theme & {
+      background-color: darken($code-background-color-dark, 5%);
+    }
+  }
   /* P */ .chroma .p { color: #A9A9B3 }
 
     /* Keyword */  .k { color: #859900 }

exampleSite/content/posts/test.md

@@ -30,6 +30,47 @@ Test all features in development[^link test].
 
 ## Test ECharts
 
+{{< echarts height="500px" >}}
+{
+    title : {
+        text: '某站点用户访问来源',
+        subtext: '纯属虚构',
+        x:'center'
+    },
+    tooltip : {
+        trigger: 'item',
+        formatter: "{a} <br/>{b} : {c} ({d}%)"
+    },
+    legend: {
+        orient: 'vertical',
+        left: 'left',
+        data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
+    },
+    series : [
+        {
+            name: '访问来源',
+            type: 'pie',
+            radius : '55%',
+            center: ['50%', '60%'],
+            data:[
+                {value:335, name:'直接访问'},
+                {value:310, name:'邮件营销'},
+                {value:234, name:'联盟广告'},
+                {value:135, name:'视频广告'},
+                {value:1548, name:'搜索引擎'}
+            ],
+            itemStyle: {
+                emphasis: {
+                    shadowBlur: 10,
+                    shadowOffsetX: 0,
+                    shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
+            }
+        }
+    ]
+}
+{{< /echarts >}}
+
 ## Test Ruby
 
 人最重要的特点是会思考，建站初衷无非是保存思维的电子快照。