左上角名称悬浮时，需要隐藏 title

settings.yaml

@@ -22,8 +22,9 @@ spec:
         - $formkit: text
           name: site_title
           label: 标题
+          value: '<i class="iconfont icon-logo-hao-pro" style="font-size: 1rem"></i>'
           placeholder: 请输入标题
-          help: 支持 HTML 语法，比如 <span id="site-name-icon">Hao</span>，默认为站点名称
+          help: '支持 HTML 语法，比如 <i class="iconfont icon-logo-hao-pro" style="font-size: 1rem"></i>，留空为站点名称'
     - group: top
       label: 顶部
       formSchema:

templates/assets/libs/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 3736806 */
-  src: url('iconfont.woff2?t=1668000992806') format('woff2'),
-       url('iconfont.woff?t=1668000992806') format('woff'),
-       url('iconfont.ttf?t=1668000992806') format('truetype');
+  src: url('iconfont.woff2?t=1668096101462') format('woff2'),
+       url('iconfont.woff?t=1668096101462') format('woff'),
+       url('iconfont.ttf?t=1668096101462') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-logo-hao-pro:before {
+  content: "\f290";
+}
+
+.icon-logo-hao:before {
+  content: "\e609";
+}
+
 .icon-logo-moment:before {
   content: "\e6af";
 }

templates/assets/libs/iconfont/iconfont.json

@@ -5,6 +5,20 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "32796142",
+      "name": "logo-hao-copy",
+      "font_class": "logo-hao-pro",
+      "unicode": "f290",
+      "unicode_decimal": 62096
+    },
+    {
+      "icon_id": "32787589",
+      "name": "logo-hao",
+      "font_class": "logo-hao",
+      "unicode": "e609",
+      "unicode_decimal": 58889
+    },
     {
       "icon_id": "16440935",
       "name": "logo-moment",

templates/assets/zhheo/zhheoblog.css

@@ -6013,6 +6013,15 @@ html {
         transition: 0.3s;
     }
 
+    #nav #site-name span {
+        transition: 0.3s;
+    }
+
+    #nav #site-name:hover span {
+        opacity: 0;
+        transition: 0.3s;
+    }
+
     #page-header.nav-fixed #nav #site-name {
         opacity: 1;
         transition: 0.1s;

templates/modules/head.html

@@ -19,9 +19,7 @@
     <link media="print"
           onload='this.media="all"'
           rel="stylesheet"
-          href="//at.alicdn.com/t/c/font_3736806_e1bx9q0uqc6.css"
-
-    >
+          th:href="@{/assets/libs/iconfont/iconfont.css}">
 
     <!-- 右下角通知 -->
     <link href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/node-snackbar/0.1.16/snackbar.min.css"

templates/modules/widgets/nav-left.html

@@ -10,7 +10,7 @@
         <div class="back-home-button" tabindex="-1"
              th:if="${not #lists.isEmpty(leftMenu)}">
 
-            <i class="back-home-button-icon iconfont icon-grip-vertical"></i>
+            <i class="back-home-button-icon iconfont icon-grip-vertical" style="font-size: 1rem"></i>
             <div class="back-menu-list-groups">
                 <div class="back-menu-list-group" th:each="menuItem : ${leftMenu.menuItems}">
                     <!-- 菜单必须有子项才会展示 -->
@@ -34,9 +34,8 @@
     </th:block>
     <!-- 返回主页 -->
     <!-- 这里可以指定使用什么作为图标，默认使用站点名称 -->
-    <a href="/" id="site-name"
-       th:utext="${#strings.isEmpty(theme.config.nav.site_title)} ? ${site.title} : ${theme.config.nav.site_title}"
-       title="返回博客主页">
+    <a href="/" id="site-name" title="返回博客主页">
+        <span th:utext="${#strings.isEmpty(theme.config.nav.site_title)} ? ${site.title} : ${theme.config.nav.site_title}"></span>
     </a>
 </div>