feat(about): 更新关于页面SEO信息和样式调整

- 增加页面版本参数以优化缓存策略 - 添加SEO元信息（description、keywords、author） - 移除简介文本的折叠功能及相关按钮 - 扩展简介文本显示行数从3行至7行 - 调整Artalk评论组件样式，移除边框和头像边框样式 - 增加对IE浏览器的淘汰提示脚本 - 统一页面作者信息为"Honesty"
2025-11-25 11:28:47 +08:00
parent e200401abc
commit 6e482dfb81
4 changed files with 17 additions and 11 deletions
--- a/about.html
+++ b/about.html
@@ -4,15 +4,24 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    <title>关于我 - Honesty</title>
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <!--SEO信息 -->
+    <meta name="description" content="关于Honesty,关于HeHouHui,关于HeHui,关于明厚, About Me Honesty, About Me HeHouHui, About Me HeHui">
+    <meta name="keywords" content="Honesty,HeHouHui,HeHui,明厚">
+    <meta name="author" content="Honesty">
    <!-- 核心资源：使用 BootCDN 加速 -->
    <link href="https://cdn.bootcdn.net/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/remixicon/3.5.0/remixicon.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="css/style.css">
-    <link rel="stylesheet" href="css/about.css">
+    <link rel="stylesheet" href="css/style.css?version=20251125">
+    <link rel="stylesheet" href="css/about.css?version=20251125">
    <!-- Artalk 评论样式 -->
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/artalk/2.9.1/Artalk.css">
-    <link rel="stylesheet" href="css/artalk.css">
+    <link rel="stylesheet" href="css/artalk.css?version=20251125">
    <link rel="icon" href="favicon.ico">
+    <!--IE淘汰计划-->
+    <script>
+        if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href = "https://imsyy.top/upgrade-your-browser/index.html?referrer=" + encodeURIComponent(window.location.href);
+    </script>
 </head>
 <body>
 <!-- 动态背景层 -->
@@ -95,14 +104,13 @@
            <!-- [2] 简介与格言 (Bio) -->
            <div class="bento-card area-bio">
                <div class="card-label" data-i18n="bio.label">About Me</div>
-                <p class="bio-text collapsed" data-i18n="bio.text">
+                <p class="bio-text" data-i18n="bio.text">
                    "我是一名充满热情的Java后端开发工程师，专注于AI技术的探索与应用。来自湖南，现在上海工作，享受在这座充满活力的城市中追求技术梦想。"
                </p>
                <div class="quote-box">
                    <i class="ri-double-quotes-l"></i>
                    <p data-i18n="bio.quote">"我追求技术的深度理解而非广度堆砌，每一项技术的学习都源于解决实际问题的内在驱动。作为INFJ人格类型，我善于深度思考，注重细节，喜欢通过代码创造有意义的产品。我相信技术的力量能够改变世界，也热衷于在开源社区中分享知识与经验。 "</p>
                </div>
-                <button id="bio-toggle" class="link-btn" aria-label="Toggle Bio">展开/收起</button>
            </div>

            <!-- [3] 数据统计 (Stats) -->
@@ -277,8 +285,8 @@

 <!-- 脚本：BootCDN jQuery / Artalk -->
 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
-<script src="js/config.js"></script>
+<script src="js/config.js?version=20251125"></script>
 <script src="https://cdn.bootcdn.net/ajax/libs/artalk/2.9.1/Artalk.js"></script>
-<script src="js/about.js"></script>
+<script src="js/about.js?version=20251125"></script>
 </body>
 </html>
--- a/css/about.css
+++ b/css/about.css
@@ -523,7 +523,7 @@ body {

 .bio-text.collapsed {
    display: -webkit-box;
-    -webkit-line-clamp: 3;
+    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
 }
--- a/css/artalk.css
+++ b/css/artalk.css
@@ -75,7 +75,6 @@

 .atk-header-item.atk-active {
  color: #6c5ce7 !important;
-  border-bottom: 2px solid #6c5ce7 !important;
 }

 .atk-editor-plug-wrap {
@@ -176,7 +175,6 @@

 .atk-avatar {
  border-radius: 50% !important;
-  border: 2px solid #6c5ce7 !important;
  box-shadow: 0 0 10px rgba(108, 92, 231, 0.2) !important;
  transition: all 0.3s ease;
  object-fit: cover; /* 修复头像拉伸问题 */
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Honesty的主页,HeHouHui的主页,HeHui的主页,明厚的主页">
    <meta name="keywords" content="Honesty,HeHouHui,HeHui,明厚">
-    <meta name="author" content="HeHouHui">
+    <meta name="author" content="Honesty">
    <title>Honesty的主页</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css?version=3">
    <link rel="stylesheet" type="text/css" href="./css/iconfont.css">