Skip to content
0

配置个人主页

配置个人主页

image-20251014121745955

目录

[toc]

背景

Hyde大佬又给自己Teek博客添加了一个新风格 个人主页(和张洪heo博客风格类似),那么我肯定会抄作业的啦。😜

版权

来自《Hyde》大佬的功能贡献,感谢大佬。💖💖💖

环境

Teek@1.5.0-2025.9.23版本

Teek-one开箱即用版仓库:https://cnb.cool/onedayxyy/vitepress-theme-teek-one-public

效果

https://onedayxyy.cn/about/homepage

image-20251014121101250

配置

(1)把从我开源库下的docs/.vitepress/theme/components/homepage目录放到你自己的docs\.vitepress\theme\components\目录下:

开源库地址:https://cnb.cool/onedayxyy/vitepress-theme-teek-one-public/-/tree/main/docs/.vitepress/theme/components/homepage

image-20251014121338204

(2)创建docs\90.关于\15.个人主页.md文件

md
---
date: 2025-07-12 03:13:56
title: 关于我
layout: page # 必须指定为page
description: 认识一下打造这个项目的核心团队成员
permalink: /about/homepage
categories:
  - 站点信息
coverImg: /home/bg11.webp
sidebar: false
article: false
comment: false
---

<script setup>
import homepage from '../.vitepress/theme/components/homepage/sections/AboutPage.vue'
</script>

<homepage />

(3)在nav添加导航栏

编辑docs\.vitepress\ConfigHyde\Nav.ts文件:

ts
{ text: '🚩个人主页', link: '/about/homepage' },

image-20251014121530303

(4)验证

运行项目,观察效果:

https://onedayxyy.cn/about/homepage

image-20251014121101250

结束。

最近更新