fix(style): code block style (#929)

assets/css/_partial/_single/_code.scss

@@ -120,6 +120,15 @@ code, pre {
       }
     }
 
+    code {
+      min-width: 100%;
+
+      span.line {
+        display: block;
+        min-width: 100%;
+      }
+    }
+
     .c, /* Comment */
     .ch /* CommentHashbang */,
     .cm /* CommentMultiline */,
@@ -166,11 +175,17 @@ code, pre {
     }
 
     .highlight {
-      max-height: 10000px;
+      max-height: 20000px;
       @include details-transition-close;
     }
   }
 
+  &:not(.open) {
+    ::-webkit-scrollbar {
+      height: 0;
+    }
+  }
+
   &.code-line-numbers {
     span.line::before {
       display: inline-block;

exampleSite/hugo.toml

@@ -715,13 +715,12 @@ ignoreErrors = ["error-remote-getjson", "error-missing-instagram-accesstoken"]
   # Syntax Highlighting (https://gohugo.io/content-management/syntax-highlighting)
   # 语法高亮设置 (https://gohugo.io/content-management/syntax-highlighting)
   [markup.highlight]
+    anchorLineNos = false
     codeFences = true
-    guessSyntax = true
-    lineNos = true
+    guessSyntax = false
+    lineNos = false
     lineNumbersInTable = true
-    # false is a necessary configuration (https://github.com/dillonzq/LoveIt/issues/158)
-    # false 是必要的设置 (https://github.com/dillonzq/LoveIt/issues/158)
-    noClasses = false
+    noClasses = true
   # Goldmark is from Hugo 0.60 the default library used for Markdown
   # Goldmark 是 Hugo 0.60 以来的默认 Markdown 解析库
   [markup.goldmark]