added：昼夜模式，毛玻璃特效

themes/Ying/layouts/partials/artalk.html

@@ -11,6 +11,10 @@
             background: #ff6262 !important;
         }
     }
+    [data-theme="dark"] .atk-pinned-badge {
+        color: #ffffff !important;
+        background: #ff6262 !important;
+    }
 </style>
 <!-- Artalk -->
 <div id="Comments" uk-scrollspy="target: div,span,img> ; cls: uk-animation-slide-bottom-small;"></div>
@@ -18,11 +22,13 @@
 <script src="/js/Artalk.js"></script>
 <script>
   if (document.querySelector("#Comments")) {
+    var isDark = document.documentElement.getAttribute('data-theme') === 'dark';
     Artalk.init({
-      el: '#Comments',                // 绑定元素的 Selector
-      server: 'https://artalk.usj.cc',  // 后端地址
-      site: '优世界',             // 你的站点名
-      flatMode: true
-    })
+      el: '#Comments',
+      server: 'https://artalk.usj.cc',
+      site: '优世界',
+      flatMode: true,
+      darkMode: isDark
+    });
   }
-</script>
+</script>

themes/Ying/layouts/partials/head.html

@@ -6,6 +6,21 @@
   <link rel="alternate" type="application/rss+xml" title="{{ site.Title }}" href="/rss.xml">
   <!-- Favicon -->
   <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <script>
+    (function () {
+      try {
+        var theme = localStorage.getItem('theme');
+        if (!theme) {
+          if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+            theme = 'dark';
+          } else {
+            theme = 'light';
+          }
+        }
+        document.documentElement.setAttribute('data-theme', theme);
+      } catch (e) {}
+    })();
+  </script>
   <!-- Stylesheets -->
   <link rel='stylesheet' href='/css/main.css'>
   <link rel="stylesheet" href="/css/normalize.css">
@@ -127,4 +142,4 @@
   <script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
   <meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
   <meta name="template" content="Amigo" />
-</head>
+</head>

themes/Ying/layouts/partials/header.html

@@ -1,21 +1,26 @@
 <div class="main">
     <div class="container">
         <div class="header">
-            <div class="head_author_img load-memos-editor">
-                <img src="{{ .Site.Params.authorImage }}" class="blog-img" width="80" height="80" alt="{{ .Site.Title }}" />
-            </div>
-            <div class="site-description">
-                <h2><span class="uk-invisible">{{ .Site.Params.description }}</span></h2>
-                <nav class="nav social uk-visible@m">
-                    <ul class="flat">
-                        {{ with .Site.Params.social }}
-                            {{ range . }}
-                                <a href="{{ .url }}" title="{{ .title }}" target="_blank"><i class="{{ .icon }}"></i></a>
+            <div class="header-top">
+                <div class="head_author_img load-memos-editor">
+                    <img src="{{ .Site.Params.authorImage }}" class="blog-img" width="80" height="80" alt="{{ .Site.Title }}" />
+                    <div class="avatar-theme-tip">
+                        点击头像切换昼夜
+                    </div>
+                </div>
+                <div class="site-description">
+                    <h2><span class="uk-invisible">{{ .Site.Params.description }}</span></h2>
+                    <nav class="nav social uk-visible@m">
+                        <ul class="flat">
+                            {{ with .Site.Params.social }}
+                                {{ range . }}
+                                    <a href="{{ .url }}" title="{{ .title }}" target="_blank"><i class="{{ .icon }}"></i></a>
+                                {{ end }}
                             {{ end }}
-                        {{ end }}
-                    </ul>
-                    <div class="yiyandes">{{ .Site.Params.description }}</div>
-                </nav>
+                        </ul>
+                        <div class="yiyandes">{{ .Site.Params.description }}</div>
+                    </nav>
+                </div>
             </div>
             <nav class="nav">
                 <ul class="flat">
@@ -27,4 +32,4 @@
                     <!--<li class="active"><a href="/circles/">友圈</a></li>-->
                 </ul>
             </nav>
-        </div>
+        </div>