feat: update layout styles and homepage content

.vitepress/theme/layouts/Article.vue

@@ -467,7 +467,7 @@ section {
       a.title-anchor {
         @include mixin.typescale-style("body-large");
 
-        display: flex;
+        display: inline-flex;
         align-items: center;
         flex-direction: column;
         gap: 6px;
@@ -540,6 +540,8 @@ section {
       h4,
       h5,
       h6 {
+        display: inline-block;
+
         padding-block-end: 12px;
 
         line-height: 54px;

.vitepress/theme/layouts/Default.vue

@@ -108,12 +108,11 @@ if (typeof window !== "undefined") {
 <template>
   <div id="layout">
     <Navbar />
+    <AppBar />
     <Transition name="layout-content" mode="out-in" @before-leave="onBeforeLeave" @after-enter="onAfterEnter">
       <div id="layout-content-flow" :key="route.path">
         <div id="layout-home-title" v-if="frontmatter.home">
-          <img src="/assets/images/avatar.webp" alt="avatar" />
           <div>
-            <h1>{{ site.title }}</h1>
             <p>{{ site.description }}</p>
           </div>
         </div>

index.md

@@ -1,4 +1,4 @@
 ---
 home: true
-title: "首页"
+title: "sendevia 的小站"
 ---