00:00:00
欢迎卡片
创建组件
- 在
docs\.vitepress\theme\components\
新建WelcomeCard
文件,分别创建以下组件和代码
警告
由于该组件调用的第三方接口。需自行去注册账号,替换实际自己的
API_KEY
替换自己实际经纬度,可以通过 https://www.lddgo.net/convert/position 百度地图来定位自己的位置
代码请在源码自行获取:https://gitee.com/SeasirHyde/teek-hyde/blob/main/docs/.vitepress/theme/components/WelcomeCard.vue
md
├─ docs
│ └─ .vitepress
│ │ └─ theme
│ │ │ └─ components
│ │ │ │ └─ NoticeCard.vue
└─ package.json
注册组件
- 在
docs\.vitepress\theme\components\TeekLayoutProvider.vue
中注册组件
vue
<script setup lang="ts" name="TeekLayoutProvider">
import NoticeCard from './NoticeCard.vue' //公告卡片
</script>
<template>
<Teek.Layout>
<!-- 自定义卡片 -->
<template #teek-home-card-my-after>
<NoticeCard />
</template>
</Teek.Layout>
</template>