code highlight, efficient moardown style, wordcount + other cool liquid

Kirisoup · Nov 6, 2023 · 8c1bd93 · 8c1bd93
1 parent 2195a62
commit 8c1bd93
Show file tree

Hide file tree

Showing 16 changed files with 513 additions and 586 deletions.
diff --git a/Gemfile b/Gemfile
@@ -5,5 +5,5 @@ source "https://rubygems.org"
 # gem "rails"
 
 gem "jekyll"
-
-gem 'jekyll-sitemap'
+gem 'jekyll-sitemap'
+gem 'jekyll-seo-tag'
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -33,6 +33,8 @@ GEM
       webrick (~> 1.7)
     jekyll-sass-converter (3.0.0)
       sass-embedded (~> 1.54)
+    jekyll-seo-tag (2.8.0)
+      jekyll (>= 3.8, < 5.0)
     jekyll-sitemap (1.4.0)
       jekyll (>= 3.7, < 5.0)
     jekyll-watch (2.2.1)
@@ -68,6 +70,7 @@ PLATFORMS
 
 DEPENDENCIES
   jekyll
+  jekyll-seo-tag
   jekyll-sitemap
 
 BUNDLED WITH

diff --git a/_config.yml b/_config.yml
@@ -1,11 +1,29 @@
+sass:
+  style: compressed
+
+# url: "https://kirisoup.github.io"
+
+plugins:
+  - jekyll-sitemap
+  - jekyll-seo-tag
+
 permalink: /:categories/:title
 
 defaults:
   -
     scope:
-      path: "" # an empty string here means all files in the project
+      path: ""
     values:
       layout: "default"
+      author: Kirisame Soup ☆
 
-sass:
-  style: compressed
+
+title: 霧雨蘑菇店
+
+tagline: 霧雨蘑菇汤的互联网小角落
+
+description: 这里是霧雨蘑菇汤的互联网小角落，本店提供：最新最好的 IBM 计算机、旋转 fumo、畅销书籍、魔法金属，细心发掘的话还可以发现更多有意思的稀奇玩意~
+
+author: KirisameSoup
+
+locale: zh_CN
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -4,13 +4,20 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="Cache-control" content="no-store">
-    <title>A:¥霧雨蘑菇店/¥{{ page.title }}</title>
-    <script src="/assets/js/fallback-dom.js" onerror="this.onerror=null;newScript=document.createElement('script');newScript.src ='https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/_site/assets/js/fallback-dom.js';document.head.appendChild(newScript);"></script> <!-- store ghproxy prepended link as variable -->
+    <title>
+      {{ site.title }} |
+      {%- if page.description -%}
+        | {{ page.description }}
+      {%- else -%}
+        /¥{{ page.title | replace: " ", "¥" }}.xml
+      {%- endif -%}
+    </title>
+    <script async src="/assets/js/fallback-dom.js" onerror="this.onerror=null;newScript=document.createElement('script');newScript.src ='https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/_site/assets/js/fallback-dom.js';document.head.appendChild(newScript);"></script> <!-- store ghproxy prepended link as variable -->
     <link rel="stylesheet" href="/assets/css/default/layout.css" onerror="fall(this)"> <!-- essential stylesheet -->
     <link rel="stylesheet" href="/assets/css/default/style.css" id="style" onerror="fall(this)" media="print" onload="this.onload=null;this.removeAttribute('media');" > <!-- async stylesheet -->
     <noscript><link rel="stylesheet" href="/assets/css/default/style.css" id="style-nojs"></noscript> <!-- non-js fallback (no onerror for gfw suckers because, well, noscript) -->
-    <script src="/assets/js/fallback-cssAsset.js" async onerror="fallsc(this)"></script> <!-- load stylesheet asset with ghproxy if needed for gfw suckers -->
-    <script src="/assets/js/cursor.js"            async onerror="fallsc(this)"></script> <!-- cursor trace -->
+    <script async src="/assets/js/fallback-cssAsset.js" onerror="fallsc(this)"></script> <!-- load stylesheet asset with ghproxy if needed for gfw suckers -->
+    <script async src="/assets/js/cursor.js"            onerror="fallsc(this)"></script> <!-- cursor trace -->
     <script> window.addEventListener("load", (event) => { new cursoreffects.ghostCursor(); }); </script> <!-- cursor trace -->
   </head>
   <body>
@@ -43,7 +50,7 @@
       <div class="c2">
         <div class="c2-b"></div>
         <div class="chatroom">
-          <script src="https://giscus.app/client.js" crossorigin="anonymous" async data-repo="Kirisoup/kirisoup.github.io" data-repo-id="R_kgDOKbS-PQ" data-category="Announcements" data-category-id="DIC_kwDOKbS-Pc4CaAzL"
+          <script async src="https://giscus.app/client.js" crossorigin="anonymous" data-repo="Kirisoup/kirisoup.github.io" data-repo-id="R_kgDOKbS-PQ" data-category="Announcements" data-category-id="DIC_kwDOKbS-Pc4CaAzL"
             data-mapping="specific" data-term="chat-room"
             data-reactions-enabled="0"
             data-input-position="top"
@@ -52,24 +59,26 @@
             data-loading="lazy">
           </script>
         </div>
-
         <!-- <div class="giscus"></div> -->
         <!-- <iframe id="navlink" width="90" height="90" style="border:none" src="https://dimden.neocities.org/navlink/" loading="lazy" name="neolink"></iframe> -->
       </div>
     </div>
     <div class="fullscreen">
       <div class="buttonBar">
-        <span class="title"> A:¥霧雨蘑菇店/¥{{ page.title }} </span>
+        <span class="title"> A:¥霧雨蘑菇店/¥{{ page.title | replace: " ", "¥" }}.xml </span>
         <label class="fontTg toggle" title="切换字体"><input type="checkbox"></label>
         <label class="darkTg toggle" title="切换深色模式"><input type="checkbox" id="dark2"></label>
         <label class="fullscreenTg toggle" id="exitFull" title="退出全屏"></label>
       </div>
-      <div class="content f"> {{ content 
-        | replace: 'id="', 'id="f_' 
-        | replace: 'a href="#', 'a href="#f_'
-      }} </div> <!-- really stupid way to fix duplicated id issue -->
+      <div class="content f">
+        {{ content | replace: 'id="', 'id="f_' | replace: 'a href="#', 'a href="#f_' }}
+      </div> <!-- really stupid way to fix duplicated id issue -->
       <div class="bottomBar">
-        地址：¥{{ page.url }} | 作者：Kirisame¥Soup | 
+        <div class="left">地址：{{ site.url }}{{ page.url }} | 作者：{{ page.author }} </div>
+        <div class="right">
+            词量：{{ content | strip_html | number_of_words: "auto" }}
+          | 字符量：{{ content | strip_html | normalize_whitespace | size }}
+        </div>
       </div>
     </div>
     <div class="cornerCara" ID="0" title="" onclick='this.id = Math.floor(Math.random() * 15 + 1)'></div>
@@ -80,13 +89,13 @@
     <div class="ibm">
       <label class="mask power" title="开机?"><input type="checkbox"></label>
       <div class="vid">
-        <iframe src="https://www.bilibili.com/blackboard/html5mobileplayer.html?aid=625760&autoplay=1&muted=1" loading="lazy" scrolling="no" frameborder="no" sandbox="allow-same-origin allow-scripts"></iframe>
+        <iframe loading="lazy" scrolling="no" frameborder="no" sandbox="allow-same-origin allow-scripts" src="https://www.bilibili.com/blackboard/html5mobileplayer.html?aid=625760&autoplay=1&muted=1" ></iframe>
       </div>
       <div class="pc-b"></div>
     </div>
-    <script src="/assets/js/queryStrings.js" async onerror="fallsc(this)"></script>
-    <script src="/assets/js/link-id-copy.js" async onerror="fallsc(this)"></script>
-    <script src="/assets/js/resize-sync.js"  async onerror="fallsc(this)"></script>
-    <script src="/assets/neko/oneko.js"      async onerror="fallsc(this)"></script>
+    <script async src="/assets/js/queryStrings.js" onerror="fallsc(this)"></script>
+    <script async src="/assets/js/link-id-copy.js" onerror="fallsc(this)"></script>
+    <script async src="/assets/js/resize-sync.js"  onerror="fallsc(this)"></script>
+    <script async src="/assets/neko/oneko.js"      onerror="fallsc(this)"></script>
   </body>
 </html>
diff --git a/_sass/code.scss b/_sass/code.scss
@@ -0,0 +1,61 @@
+.highlight .hll { background-color: #ffffcc }
+.highlight .c   { color: #008800; font-style: italic }  // Comment
+.highlight .err { border: 1px solid #FF0000 }           // Error
+.highlight .k   { color: #AA22FF; font-weight: bold }   // Keyword
+.highlight .o   { color: #666666 }                      // Operator
+.highlight .cm  { color: #008800; font-style: italic }  // Comment.Multiline
+.highlight .cp  { color: #008800 }                      // Comment.Preproc
+.highlight .c1  { color: #008800; font-style: italic }  // Comment.Single
+.highlight .cs  { color: #008800; font-weight: bold }   // Comment.Special
+.highlight .gd  { color: #A00000 }                      // Generic.Deleted
+.highlight .ge  { font-style: italic }                      // Generic.Emph
+.highlight .gr  { color: #FF0000 }                      // Generic.Error
+.highlight .gh  { color: #000080; font-weight: bold }   // Generic.Heading
+.highlight .gi  { color: #00A000 }                      // Generic.Inserted
+.highlight .go  { color: #808080 }                      // Generic.Output
+.highlight .gp  { color: #000080; font-weight: bold }   // Generic.Prompt
+.highlight .gs  { font-weight: bold }                       // Generic.Strong
+.highlight .gu  { color: #800080; font-weight: bold }   // Generic.Subheading
+.highlight .gt  { color: #0040D0 }                      // Generic.Traceback
+.highlight .kc  { color: #AA22FF; font-weight: bold }   // Keyword.Constant
+.highlight .kd  { color: #AA22FF; font-weight: bold }   // Keyword.Declaration
+.highlight .kn  { color: #AA22FF; font-weight: bold }   // Keyword.Namespace
+.highlight .kp  { color: #AA22FF }                      // Keyword.Pseudo
+.highlight .kr  { color: #AA22FF; font-weight: bold }   // Keyword.Reserved
+.highlight .kt  { color: #00BB00; font-weight: bold }   // Keyword.Type
+.highlight .m   { color: #666666 }                      // Literal.Number
+.highlight .s   { color: #BB4444 }                      // Literal.String
+.highlight .na  { color: #BB4444 }                      // Name.Attribute
+.highlight .nb  { color: #AA22FF }                      // Name.Builtin
+.highlight .nc  { color: #0000FF }                      // Name.Class
+.highlight .no  { color: #880000 }                      // Name.Constant
+.highlight .nd  { color: #AA22FF }                      // Name.Decorator
+.highlight .ni  { color: #999999; font-weight: bold }   // Name.Entity
+.highlight .ne  { color: #D2413A; font-weight: bold }   // Name.Exception
+.highlight .nf  { color: #00A000 }                      // Name.Function
+.highlight .nl  { color: #A0A000 }                      // Name.Label
+.highlight .nn  { color: #0000FF; font-weight: bold }   // Name.Namespace
+.highlight .nt  { color: #008000; font-weight: bold }   // Name.Tag
+.highlight .nv  { color: #B8860B }                      // Name.Variable
+.highlight .ow  { color: #AA22FF; font-weight: bold }   // Operator.Word
+.highlight .w   { color: #bbbbbb }                      // Text.Whitespace
+.highlight .mf  { color: #666666 }                      // Literal.Number.Float
+.highlight .mh  { color: #666666 }                      // Literal.Number.Hex
+.highlight .mi  { color: #666666 }                      // Literal.Number.Integer
+.highlight .mo  { color: #666666 }                      // Literal.Number.Oct
+.highlight .sb  { color: #BB4444 }                      // Literal.String.Backtick
+.highlight .sc  { color: #BB4444 }                      // Literal.String.Char
+.highlight .sd  { color: #BB4444; font-style: italic }  // Literal.String.Doc
+.highlight .s2  { color: #BB4444 }                      // Literal.String.Double
+.highlight .se  { color: #BB6622; font-weight: bold }   // Literal.String.Escape
+.highlight .sh  { color: #BB4444 }                      // Literal.String.Heredoc
+.highlight .si  { color: #BB6688; font-weight: bold }   // Literal.String.Interpol
+.highlight .sx  { color: #008000 }                      // Literal.String.Other
+.highlight .sr  { color: #BB6688 }                      // Literal.String.Regex
+.highlight .s1  { color: #BB4444 }                      // Literal.String.Single
+.highlight .ss  { color: #B8860B }                      // Literal.String.Symbol
+.highlight .bp  { color: #AA22FF }                      // Name.Builtin.Pseudo
+.highlight .vc  { color: #B8860B }                      // Name.Variable.Class
+.highlight .vg  { color: #B8860B }                      // Name.Variable.Global
+.highlight .vi  { color: #B8860B }                      // Name.Variable.Instance
+.highlight .il  { color: #666666 }                      // Literal.Number.Integer.Long