feat(config): add config for default theme light/dark

pogor-dev · Feb 8, 2020 · 095089f · 095089f
1 parent c5e64a9
commit 095089f
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 6 deletions.
diff --git a/assets/js/blog.js b/assets/js/blog.js
@@ -14,8 +14,8 @@ jQuery(function($) {
     _Blog.toggleTheme = function() {
         $('.theme-switch').on('click', () => {
             $('body').toggleClass('dark-theme');
-            isDark = !isDark;
-            window.localStorage && window.localStorage.setItem('theme', isDark ? 'dark' : 'light');
+            window.isDark = !window.isDark;
+            window.localStorage && window.localStorage.setItem('theme', window.isDark ? 'dark' : 'light');
             this.echarts();
         });
     };

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
@@ -110,9 +110,11 @@ dateFormatToUse = "2006-01-02"
   description = "About LoveIt Theme"
   # site keywords
   keywords = ["Theme", "Hugo"]
+  # site default theme ("light", "dark")
+  defaultTheme = "light"
 
   # Home Page Info
-  ## [post, other] home mode
+  ##home mode ("post", "other")
   home_mode = "post"
   ## special amount of posts in each home post page
   home_paginate = 6

diff --git a/exampleSite/zh/config.toml b/exampleSite/zh/config.toml
@@ -110,9 +110,11 @@ dateFormatToUse = "2006-01-02"
   description = "关于 LoveIt 主题"
   # 网站关键词
   keywords = ["Theme", "Hugo"]
+  # 网站默认主题 ("light", "dark")
+  defaultTheme = "light"
 
   # 主页信息设置
-  ## [post, other] 主页模式
+  ## 主页模式 ("post", "other")
   home_mode = "post"
   ## 主页在 post 模式下每页 post 显示数量
   home_paginate = 6

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -16,7 +16,11 @@
     <body>
         {{- /* Check theme isDark before body rendering */ -}}
         <script>
-            window.isDark = (window.localStorage && window.localStorage.getItem('theme')) === 'dark';
+            if (!window.localStorage || !window.localStorage.getItem('theme')) {
+                window.isDark = '{{ .Site.Params.defaultTheme }}' === 'dark';
+            } else {
+                window.isDark = (window.localStorage && window.localStorage.getItem('theme')) === 'dark';
+            }
             window.isDark && document.body.classList.add('dark-theme');
         </script>
 

diff --git a/layouts/partials/home/social.html b/layouts/partials/home/social.html
@@ -269,7 +269,7 @@
     </a>
 {{- end -}}
 {{- with .Site.Params.Social.Mastodon}}
-    {{ $MastodonPrefix := $.Site.Params.Social.MastodonPrefix | default "https://mastodon.social/" }}
+    {{- $MastodonPrefix := $.Site.Params.Social.MastodonPrefix | default "https://mastodon.social/" -}}
     <a href="{{ $MastodonPrefix | safeURL }}{{ . }}" rel="me noopener noreffer" target="_blank">
         <i class="fab fa-mastodon fa-fw" title="Mastodon"></i>
     </a>