作用描述

1、descriptioin 是站點的描述，
會被解析為 html 頁面的 <meta name="description" content ="xxx"> 標簽 。

2、description 本身就是 <meta> 標簽的一種，不會在頁面上展示出來，
僅僅是作為頁面的一個屬性存在。

補充- useData API 的作用

簡單理解 ： 這個方法可以獲取到頁面相關的一些數(shù)據(jù)。
本文會通過這個方法進行 description 效果的一個驗證。

案例

項目結構

為了更好的理解項目，下面只展示相關的內容。

projectName| -- .vitepress     # 項目配置相關的目錄| -- config.mts # 項目的配置文件| -- helloworld.md  # 本文用到的文檔

配置文件內容

/*** 這是整個項目的配置文件*/
import { defineConfig } from 'vitepress'export default defineConfig({title: "體會description屬性",titleTemplate:false, // 取消標題的后悔description: "對VitePress項目創(chuàng)建的簡單測試1",... 其他的項目配置})

文檔內容

# 站點配置 - description 屬性站點的description ： {{ description }}<script setup>import { useData } from 'vitepress'const { description }= useData()
</script>

效果

至此，description 的作用與效果就展示完畢了。