chore: Revise the text description to make it clearer (#334)

* chore: Revise the text description to make it clearer

* chore: Improve semantic structure and CSS alignment in Vue component

Author: huyixi

docs/.vuepress/components/HomeAds.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { usePageData } from "@vuepress/client";
-import { computed } from "vue";
+import { usePageData } from "@vuepress/client"
+import { computed } from "vue"
 
-const pageData = usePageData();
+const pageData = usePageData()
 
 const isZh = computed(() => {
-  return pageData.value.path.startsWith("/zh/");
-});
+  return pageData.value.path.startsWith("/zh/")
+})
 
 const vidHubEn = {
   title: "VidHub - An elegant cloud video player within the Apple ecosystem.",
@@ -16,7 +16,7 @@ const vidHubEn = {
   ],
   url: "https://apps.apple.com/app/apple-store/id1659622164?pt=118612019&ct=alist&mt=8",
   tag: "Free",
-};
+}
 
 const vidHubCN = {
   title: "VidHub - 苹果生态下优雅的网盘视频播放器",
@@ -26,18 +26,17 @@ const vidHubCN = {
   ],
   url: "https://zh.okaapps.com/product/1659622164?ref=alist",
   tag: "免费",
-};
+}
 
 const vidHub = computed(() => {
-  if (isZh.value) return vidHubCN;
-  return vidHubEn;
-});
+  if (isZh.value) return vidHubCN
+  return vidHubEn
+})
 
 const isApple = computed(() => {
-  if (navigator.platform)
-    return /Mac|iPod|iPhone|iPad/.test(navigator.platform);
-  return /Mac|iPod|iPhone|iPad/.test(navigator.userAgent);
-});
+  if (navigator.platform) return /Mac|iPod|iPhone|iPad/.test(navigator.platform)
+  return /Mac|iPod|iPhone|iPad/.test(navigator.userAgent)
+})
 </script>
 
 <template>
@@ -57,7 +56,9 @@ const isApple = computed(() => {
               <span>{{ vidHub.title }}</span>
               <span class="tag">{{ vidHub.tag }}</span>
             </div>
-            <div class="hero" v-for="hero in vidHub.hero">{{ hero }}</div>
+            <div class="hero" v-for="hero in vidHub.hero" :key="hero">
+              {{ hero }}
+            </div>
           </div>
         </div>
       </a>
@@ -95,15 +96,15 @@ const isApple = computed(() => {
       display: flex;
       flex-direction: column;
       justify-content: center;
-      align-items: start;
+      align-items: flex-start;
       width: 100%;
       .title {
         color: white;
         font-weight: bold;
         font-size: 24px;
         display: flex;
         flex-direction: row;
-        justify-content: start;
+        justify-content: flex-start;
         align-items: center;
         height: auto;
         @media screen and (max-width: 700px) {

docs/guide/drivers/aliyundrive.md

@@ -56,7 +56,7 @@ const getQr = async ()=>{
   const resp = await fetch(`${api()}/alist/ali/qr`);
   const res = await resp.json();
   console.log(res)
-  btnText.value='Use AliyunDrive APP To Scan Then Click'
+  btnText.value='Use AliyunDrive APP To Scan Then Click this Button again'
   state.value = 2;
   ckData.value = JSON.stringify({
     ck: res.content.data.ck,
@@ -97,9 +97,10 @@ const onClick = async ()=>{
   }
 }
 </script>
-<button :disabled="state === 3 || state === 1" 
-  style="outline:none;padding:12px;background:#70c6be;border:none;border-radius:8px;cursor:pointer;font-size:20px;"
-  @click="onClick">
+
+<button :disabled="state === 3 || state === 1"
+style="outline:none;padding:12px;background:#70c6be;border:none;border-radius:8px;cursor:pointer;font-size:20px;"
+@click="onClick">
 {{ btnText }}
 </button>
 
@@ -111,9 +112,10 @@ const onClick = async ()=>{
 
 :::info Token: {{ token }}
 :::
+
 </div>
 
-*API is hosted on replit.com*
+_API is hosted on replit.com_
 
 ### **Root folder file_id**
 
@@ -125,27 +127,18 @@ Open the official website of Aliyundrive and click the string behind the url whe
 
 Check the hash when uploading. If there is one in the cloud, directly generate the file without consuming traffic
 
-
 ### **Internal upload**
 
 If the server you deploy Alist on is Aliyun ECS for Beijing area, turn on this switch to improve the upload speed. Do not turn on this switch for servers that do not meet the requirements, otherwise you will have problems with inability to upload.
 
-
-
 <br/>
 
-
-
 ## **Aliyundrive Share Url**
 
 It is no longer available, and the shared storage method will no longer be developed and maintained in the future. At the same time, the token obtained by [**AliyundriveOpen**](./aliyundrive_open.md) cannot be used in the Alibaba Cloud Disk shared mount storage.
 
-
-
 <br/>
 
-
-
 ### **The default download method used**
 
 ```mermaid