update

config/index.yaml

@@ -3,7 +3,7 @@
 # 网站标题 - 显示在浏览器标签栏中
 title: "个人介绍"
 # 网站图标
-ico: https://q2.qlogo.cn/g?b=qq&nk=2952458479&s=100
+ico: static/profile.png
 
 # 背景设置
 # 参数支持:

css/index.css

@@ -31,7 +31,9 @@ body {
 .round {
     border-radius: 15px;
 }
-
+.round-5{
+    border-radius: 5px;
+}
 .container{
     display: flex; /* 添加 Flex 容器 */
     height: 100%;
@@ -63,11 +65,14 @@ body {
     min-width: 350px;
     /* 调整高度以适应剩余的空间 */
     height: 85%; 
+    /* max-height:  calc(100vh - 18%); */
     margin: 16px auto;
     padding: 0.5em;
     box-sizing: border-box;
      /* 添加以下样式以实现内部滚动条 */
-     overflow-y: auto; /* 当内容超过 div 高度时显示滚动条 */
+     /* 当内容超过 div 高度时显示滚动条 */
+     /* overflow-y: auto;  */
+     flex-direction: column;
 }
 footer {
     width: 100%;
@@ -97,9 +102,14 @@ footer a:hover{
     height: 50px;
     border-radius: 50px;
 }
+
+.center{
+    text-align: center;
+}
 .profile-about{
     margin: 0;
     padding: 0;
+    font-size: 12px;
 }
 .profile-name{
     font-size:20px;
@@ -110,3 +120,31 @@ footer a:hover{
     margin-left: 0.5em;
    
 }
+.tag{
+    background-color:black;
+    color: bisque;
+    box-sizing: border-box;
+    padding: 0.2em 0.5em;
+    margin: 0 0.5em;
+}
+.tags-profile{
+    display: inline-block;
+}
+.tags{
+    display:none;
+    text-align: left;
+    margin-left: 1em;
+}
+@media (max-width: 400px){
+    .tags{
+        display: block;
+    }
+    .tags-profile{
+        display: none;
+    }
+}
+
+.gongsi-jieshao{
+    padding: 1em;
+    box-sizing: border-box;
+}

index.html

@@ -5,7 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Loading...</title>
     <link rel="icon" type="image/png" href="default.png">
-    <script src="https://unpkg.com/js-yaml"></script>
+    <!-- <script src="https://unpkg.com/js-yaml"></script> -->
+     <script src="script/js-yaml.min.js"></script>
     <script src="/script/log.js"></script>
     <script src="/script/bacggroundSetting.js"></script>
     <link href="css/index.css" rel="stylesheet" type="text/css">
@@ -36,20 +37,19 @@
         <div class="jianjie shadow mh round">
             <div class="box-profile">
                 <div>
-                <img src="https://q2.qlogo.cn/g?b=qq&nk=2952458479&s=100" alt="" class="profile">
+                <img src="static/profile.png" alt="" class="profile">
                 </div>
                 <div class="profile-text">
-                    <p class="profile-name">萌狼蓝天</p>
+                    <p style="margin: 0;"><span class="profile-name">萌狼蓝天</span><span class="tags-profile"><span class="tag border round-5">软件工程</span><span class="tag border round-5">人工智能</span></span></p>
-                    <span class="profile-about"> 乖乖狼科技首席技术官</span>
+                    <span class="profile-about"> Web开发（Java/Python | vue/uni-app）、爬虫与自动化</span>
                 </div>
+                
             </div>
-
+            <div class="tags">
-
+            专业：<span class="tag border round-5">软件工程</span><span class="tag border round-5">人工智能</span>
-
-
-
-
         </div>
+        </div>
+       
         <div class="xiangmu shadow mh round">
 2
         </div>
@@ -57,7 +57,35 @@
 3
         </div>
         <div class="gongsi shadow mh round">
-4
+            <h2 class="gongsi-pinpai center" style="margin: 0.5em ;">乖乖狼科技</h2>
+            <h4 class="gongsi-name center" style="margin: 0.25em;">重庆乖乖狼科技有限责任公司</h4>
+            <div class="gongsi-jieshao">
+                <p style="text-indent: 2em;">
+                    重庆乖乖狼科技有限责任公司（简称：乖乖狼科技），成立于二零二四年，是以软件开发、软件服务、技术咨询为主的综合型技术服务公司。公司致力于为企业提供高质量的数字化解决方案和技术支持，帮助客户实现业务流程优化和技术创新。通过专业的软件定制开发、系统集成服务以及前沿的技术咨询，乖乖狼科技助力各行业客户提升核心竞争力，在快速变化的市场环境中保持领先地位。
+                </p>
+            </div>
+
+            <h4 class="gongsi-name center" style="margin: 0.25em;">企业文化</h4>
+            <div class="gongsi-jieshao">
+                <p>
+                使命：优化软件服务体验
+                </p>
+                <p>
+                价值观：技术为本 专注创新
+                </p>
+                <p>
+                 经营理念：客户至上 产品为王   
+                </p>
+            </div>
+
+            <h4 class="gongsi-name center" style="margin: 0.25em;">联系我们</h4>
+            <div class="gongsi-jieshao">
+                <p style="text-indent: 2em;">
+                    欢迎致信<e-mail>vip@mllt.cc</e-mail>,您也可以通过微信公众号 <code>乖乖狼科技</code>、抖音：<code>乖乖狼科技</code> 联系我们
+                </p>
+            </div>
+           
+
         </div>
 
         <div class="boxs">