Add files via upload

Author: TwperBody

_includes/intro-header.html

@@ -100,13 +100,15 @@ <h2 class="subheading">{{ page.subtitle }}</h2>
   <div class="container">
     <div class="row">
       <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-        {% if include.short %}
-        <div class="site-heading" id="tag-heading">
-        {% else %}
-        <div class="site-heading">
-        {% endif %}
-          <h1 class="title-center">{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</h1>
-          <span class="subheading">{{ page.description }}</span>
+        <div class="title-wrapper"> <!-- 新增包装容器 -->
+          {% if include.short %}
+          <div class="site-heading" id="tag-heading">
+          {% else %}
+          <div class="site-heading">
+          {% endif %}
+            <h1>{{ page.title }}</h1>
+            <span class="subheading">{{ page.description }}</span>
+          </div>
         </div>
       </div>
     </div>

less/hux-blog.less

@@ -523,9 +523,22 @@ samp {
     }
     .post-heading,
     .page-heading {
-      padding: 20vh 0 10vh; /* 调整垂直间距 */
-      @media only screen and (min-width: 768px) {
-          padding: 22vh 0; /* 桌面端间距 */
+      text-align: center;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      height: 100%; // 新增高度设置
+      min-height: 100vh; // 确保容器高度
+      
+      h1 {
+          margin-top: 0;
+          font-size: 50px;
+          transform: translateY(-20%); // 微调垂直位置
+      }
+      
+      .subheading {
+          .sans-serif;
+          margin-top: 20px; // 增加与标题的间距
       }
     }
     .tags {
@@ -1115,3 +1128,22 @@ img::-moz-selection {
 .no-scroll {
   overflow-y: hidden;
 }
+
+.title-wrapper {
+  position: relative;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  
+  .site-heading {
+      position: relative;
+      z-index: 2;
+      padding: 0 !important;
+      
+      h1 {
+          text-shadow: 2px 2px 4px rgba(150, 150, 150, 0.3);
+          line-height: 1.2;
+      }
+  }
+}