From 422f2176acd55c05107fae726cbe2c9e22c2359b Mon Sep 17 00:00:00 2001
From: XPoet <i@xpoet.cn>
Date: Sat, 24 Sep 2022 00:20:47 +0800
Subject: [PATCH] perf(first-screen): optimize first screen hitokoto settings

---
 _config.yml                      | 22 ++++++++++++++++------
 layout/_partial/first-screen.ejs | 22 +++++++++++++++++-----
 2 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/_config.yml b/_config.yml
index ed3de9c..f37014b 100644
--- a/_config.yml
+++ b/_config.yml
@@ -39,17 +39,27 @@ style:
 
   # Mouse hover
   hover:
-    shadow: false # shadow effect when the mouse hover
-    scale: false # scale effect when the mouse hover
+    # shadow effect when the mouse hover
+    shadow: false
+    # scale effect when the mouse hover
+    scale: false
 
   # First screen
   first_screen:
     enable: false
-    background_img: /images/bg.svg # You can use local image or image external link
-    description: Keep writing and Keep loving.
-    hitokoto: # Hitokoto api. https://v1.hitokoto.cn/?encode=js
 
-  # Scroll style settings
+    # First screen background image (You can use local image or image external link)
+    background_img: /images/bg.svg
+
+    # First screen background image (You can use local image or image external link)
+    description: Keep writing and Keep loving.
+
+    # If enable hitokoto
+    # First screen description is different every time when you enter the site
+    hitokoto:
+      enable: false
+
+  # Page scroll style settings
   scroll:
     progress_bar:
       enable: false
diff --git a/layout/_partial/first-screen.ejs b/layout/_partial/first-screen.ejs
index 398af3c..b34e36e 100644
--- a/layout/_partial/first-screen.ejs
+++ b/layout/_partial/first-screen.ejs
@@ -1,10 +1,22 @@
+<%
+const {
+  description: fs_description,
+  hitokoto: fs_hitokoto
+} = theme.style.first_screen
+const { description: c_description } = config
+%>
 <div class="first-screen-container flex-center fade-in-down-animation">
     <div class="content flex-center">
-        <div class="description hitokoto">
-            <%= theme.style.first_screen.description || config.description %>
-        </div>
-        <% if (theme.style.first_screen.hitokoto) { %>
-            <script data-pjax="" src="<%- theme.style.first_screen.hitokoto %>"></script>
+        <% if (fs_description || c_description || fs_hitokoto.enable) { %>
+            <div class="description hitokoto">
+                <%= fs_description || c_description %>
+            </div>
+        <% } %>
+        <% if (fs_hitokoto.enable) { %>
+            <script async <%= theme.pjax.enable === true ? 'data-pjax' : '' %>
+                    src="https://v1.hitokoto.cn/?encode=js"
+            >
+            </script>
         <% } %>
         <% if (theme.social_contact.enable) { %>
             <div class="s-icon-list">