feat: update docs

Author: sun0225SUN

.vitepress/components/ContactButton.vue

@@ -1,12 +1,4 @@
-<template>
-  <div class="button-container" @click="openCustomerService">
-    <span class="button-text"> ⭐️ 咨询客服</span>
-  </div>
-</template>
-
 <script setup>
-import { defineProps } from 'vue';
-
 const props = defineProps({
   url: {
     type: String,
@@ -19,6 +11,12 @@ const openCustomerService = () => {
 };
 </script>
 
+<template>
+  <div class="button-container" @click="openCustomerService">
+    <span class="button-text"> ⭐️ 咨询客服</span>
+  </div>
+</template>
+
 <style scoped>
 .button-container {
   display: inline-flex;
@@ -28,15 +26,18 @@ const openCustomerService = () => {
   color: #fff;
   background-color: #4CAF50;
   border: none;
-  border-radius: 8px; /* 圆角 */
+  border-radius: 8px;
+  /* 圆角 */
   cursor: pointer;
   text-decoration: none;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 添加阴影 */
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  /* 添加阴影 */
 }
 
 .button-text {
   vertical-align: middle;
-  font-weight: bold; /* 加粗文字 */
+  font-weight: bold;
+  /* 加粗文字 */
 }
 
 .button-container:hover {

advanced/accessvip.md

@@ -6,7 +6,7 @@ description: 这里介绍了如何免费领取芦笋提词器高级会员，以
 
 感谢你选择使用芦笋提词器，我们为大家开通了免费领取会员的通道。如果你刚了解芦笋提词器，推荐阅读 [芦笋提词器欢迎你](/) 了解更多～
 
-## 看教程领会员
+## 看教程领会员 {#vip}
 
 了解芦笋提词器的入门教程，看完即可领取「**免费会员福利**」。你可以访问 [https://help.lusun.com/lstcqjc/](https://help.lusun.com/lstcqjc/) 领取新人专属 1 天会员试用
 

advanced/lusunlesson.md

@@ -4,11 +4,11 @@ description: 这篇文章介绍了芦笋提词器终身版 + 官方系统课的
 
 # 🎩 芦笋学苑系统课
 
-## 基础信息
+## 基础信息 {#basic}
 
 * 🔥 买芦笋提词器终身版，限时送全套课程 👉🏻 [**【0元听课】点击了解！**](https://tcq.lusun.com/pricing/)
 * 购买 **芦笋学苑-官方系统课** 一站搞定直播录课，还有一对一指导 ~  <ContactButton url="https://work.weixin.qq.com/kfid/kfca61f545915189e02"></ContactButton>
-  
+
 <ImgCenter><img src="/assets/lusunlesson5.png" alt="" width="100%"></ImgCenter>
 <ImgDesc>👆🏻 扫码购买-官方系统课</ImgDesc>
 
@@ -19,7 +19,7 @@ description: 这篇文章介绍了芦笋提词器终身版 + 官方系统课的
 <ImgCenter><img src="/assets/lusunlesson2.png" alt="" width="50%"></ImgCenter>
 <ImgDesc>购前客服咨询</ImgDesc> -->
 
-## 权益说明
+## 权益说明 {#vip}
 
 * 35节系统化课程，直播、录课二合一课程
 * 提词器终身版会员，智能跟读无限使用，一次付费终身更新
@@ -31,18 +31,18 @@ description: 这篇文章介绍了芦笋提词器终身版 + 官方系统课的
 <ImgCenter><img src="/assets/lusunlesson3.png" alt="" width="80%"></ImgCenter>
 <ImgDesc>权益说明</ImgDesc>
 
-## 课程大纲
+## 课程大纲 {#outline}
 
 <ImgCenter><img src="/assets/lusunlesson4.jpg" alt="" width="80%"></ImgCenter>
 <ImgDesc>课程大纲</ImgDesc>
 
-## 如何学习课程
+## 如何学习课程 {#learn}
 
 > 购买后，你的芦笋提词器账号将自动升级，课程获取请联系：
 
 <ImgCenter><img src="/assets/lusunlesson2.png" alt="" width="50%"></ImgCenter>
 <ImgDesc>扫码领取课程</ImgDesc>
 
-<center>
+<ImgCenter>
   <ContactButton url="https://work.weixin.qq.com/kfid/kfca61f545915189e02"></ContactButton>
-</center>
+</ImgCenter>

advanced/materials.md

@@ -2,14 +2,14 @@
 
 推荐语：真人出镜拍视频却记住不词？没有镜头感，眼神乱飘拍出来不好看？推荐一款提词器，分分钟帮大家解决记不住词的问题。
 
-## 官网风格素材
+## 官网风格素材 {#material}
 
 <ImgCenter><img src="/assets/zhongcao_LandingPage1.png" alt="" width="375"></ImgCenter>
 <ImgCenter><img src="/assets/zhongcao_LandingPage2.png" alt="" width="375"></ImgCenter>
 <ImgCenter><img src="/assets/zhongcao_LandingPage3.png" alt="" width="375"></ImgCenter>
 <ImgCenter><img src="/assets/zhongcao_LandingPage4.png" alt="" width="375"></ImgCenter>
 
-## 电脑端素材
+## 电脑端素材 {#pc}
 文案：
 - 拍视频/直播都可以用的免费提词器，这款就够了。支持智能跟读，提词速度跟着自己语速走
 - 想要快速拍摄一条短视频，脱稿轻松录制，试试芦笋提词器。它的 AI 跟读功能太好用了吧
@@ -19,7 +19,7 @@
 <ImgCenter><img src="/assets/zhongcao_Desktop3.png" alt="" width="375"></ImgCenter>
 
 
-## 手机端素材
+## 手机端素材 {#mobile}
 文案：
 安卓手机提词器软件哪个好？提词器可以帮助你在拍摄视频的时候轻松脱稿说台本，变得更加的自信，不用担心忘词，提升拍摄录制的品质和效率，我推荐一款非常好用的手机提词器app，芦笋提词器。芦笋提词器也有电脑端应用
 <ImgCenter><img src="/assets/zhongcao_mobile1.png" alt="" width="375"></ImgCenter>

basic/vip.md

@@ -3,6 +3,7 @@ description: 这里介绍了芦笋会员的购买价格及功能区分
 ---
 
 <style scoped>
+/* 隐藏块的小标题 */
 .custom-block-title{
   display:none
 }

package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
     "medium-zoom": "^1.1.0",
-    "vitepress": "^1.2.3"
+    "vitepress": "^1.3.1"
   },
   "scripts": {
     "dev": "vitepress dev",