00:00:00
修改个人信息
修改个人信息
1、左上角网站名称、标签页名称、首页网站名称、网站logo
1.左上角网站名称
编辑docs\.vitepress\config.ts
文件:
ts
title: "One", //左上角网站名称
效果:
2.标签页名称
编辑docs\index.md
文件:
md
#标签页名称
title: One
#标签页-副标题
titleTemplate: 明心静性,爱自己
效果:
3.首页网站名称
编辑docs\.vitepress\theme\config\teekConfig.ts
文件:
修改banner.name属性为One Blog 🎉
(记得批量把 博客默认配置/小图/大图/全图/卡片等下的banner.name属性都配置一遍)
ts
import type { TeekConfig } from "vitepress-theme-teek/config";
// 文档配置
export const teekDocConfig: TeekConfig = {
themeEnhance: {
layoutSwitch: {
defaultMode: "bothWidthAdjustable",
},
},
};
// 博客基础配置
const teekBlogCommonConfig: TeekConfig = {
teekHome: true,
vpHome: false,
loading: true,
wallpaper: {
enabled: true,
hideBanner: true,
},
footerInfo: {
customHtml: `<span id="runtime"></span>`, // 需要搭配 .vitepress/theme/helper/useRuntime.ts 使用
},
docAnalysis: {
createTime: "2025-03-23",
statistics: {
provider: "busuanzi",
},
},
friendLink: {
list: [
{
name: "Teeker",
desc: "朝圣的使徒,正在走向编程的至高殿堂!",
avatar: "https://testingcf.jsdelivr.net/gh/Kele-Bingtang/static/user/avatar2.png",
link: "http://notes.teek.top/",
},
{
name: "vuepress-theme-vdoing",
desc: "🚀一款简洁高效的VuePress 知识管理&博客 主题",
avatar: "https://doc.xugaoyi.com/img/logo.png",
link: "https://doc.xugaoyi.com/",
},
{
name: "One",
desc: "明心静性,爱自己",
avatar: "https://onedayxyy.cn/img/xyy.webp",
link: "https://onedayxyy.cn/",
},
{
name: "Hyde Blog",
desc: "人心中的成见是一座大山",
avatar: "https://teek.seasir.top/avatar/avatar.webp",
link: "https://teek.seasir.top/",
},
{
name: "二丫讲梵",
desc: "💻学习📝记录🔗分享",
avatar: "https://wiki.eryajf.net/img/logo.png",
link: " https://wiki.eryajf.net/",
},
{
name: "粥里有勺糖",
desc: "简约风的 VitePress 博客主题",
avatar: "https://theme.sugarat.top/logo.png",
link: "https://theme.sugarat.top/",
},
{
name: "VitePress 快速上手中文教程",
desc: "如果你也想搭建它,那跟我一起做吧",
avatar: "https://avatars.githubusercontent.com/u/90893790?v=4",
link: "https://vitepress.yiov.top/",
},
{
name: "友人A",
desc: "おとといは兎をみたの,昨日は鹿,今日はあなた",
avatar: "http://niubin.site/logo.jpg",
link: "http://niubin.site/",
},
],
autoScroll: true,
},
social: [
{
icon: "mdi:github",
name: "GitHub",
link: "https://github.com/kele-bingtang",
},
{
icon: "simple-icons:gitee",
name: "Gitee",
link: "https://gitee.com/kele-bingtang",
},
],
};
// 博客默认配置
export const teekBlogConfig: TeekConfig = {
...teekBlogCommonConfig,
banner: {
name: "One Blog 🎉",
description: "故事由我书写,旅程由你见证,传奇由她聆听 —— 来自 Young Kbt",
bgStyle: "partImg",
},
};
// 博客小图配置
export const teekBlogParkConfig: TeekConfig = {
...teekBlogCommonConfig,
banner: {
name: "One Blog 🎉",
bgStyle: "partImg",
imgSrc: ["/blog/bg1.webp", "/blog/bg2.webp", "/blog/bg3.webp"],
description: [
"故事由我书写,旅程由你见证,传奇由她聆听 —— 来自 Young Kbt",
"积跬步以至千里,致敬每个爱学习的你 —— 来自 Evan Xu",
"这一生波澜壮阔或是不惊都没问题 —— 来自 Weibw",
],
descStyle: "switch",
},
footerGroup: [
{
title: "外部链接",
links: [
{ name: "示例 1", link: "https://vp.teek.top" },
{ name: "示例 2", link: "https://vp.teek.top" },
{ name: "示例 3", link: "https://vp.teek.top" },
],
},
{
title: "内部链接",
links: [
{ name: "快速开始", link: "/guide/quickstart" },
{ name: "配置简介", link: "/reference/config" },
],
},
],
};
// 博客大图配置
export const teekBlogFullConfig: TeekConfig = {
...teekBlogCommonConfig,
post: {
coverImgMode: "full",
},
banner: {
name: "One Blog 🎉",
bgStyle: "fullImg",
imgSrc: ["/blog/bg1.webp", "/blog/bg2.webp", "/blog/bg3.webp"],
description: [
"故事由我书写,旅程由你见证,传奇由她聆听 —— 来自 Young Kbt",
"积跬步以至千里,致敬每个爱学习的你 —— 来自 Evan Xu",
"这一生波澜壮阔或是不惊都没问题 —— 来自 Weibw",
],
descStyle: "types",
},
comment: {
provider: "giscus",
options: {
repo: "Kele-Bingtang/vitepress-theme-teek",
repoId: "R_kgDONpVfBA",
category: "Announcements",
categoryId: "DIC_kwDONpVfBM4Cm3v9",
},
},
codeBlock: {
overlay: true,
},
themeEnhance: {
themeColor: {
append: [
{
label: "博客扩展主题",
tip: "博客扩展主题",
options: [
{ label: "紫罗兰", value: "violet", color: "#7166f0" },
{ label: "珊瑚粉", value: "coral-pink", color: "#ff6b6b" },
{ label: "天蓝", value: "sky-blue", color: "#00bbf9" },
{ label: "蓝绿", value: "blue-green", color: "#00f5d4" },
{ label: "石板灰", value: "slate-gray", color: "#708090" },
{ label: "粉红", value: "pink", color: "#f15bb5" },
{ label: "黄绿", value: "yellow-green", color: "#8ac926" },
{ label: "橙红", value: "orange-red", color: "#ff9e6b" },
],
},
],
},
},
};
// 博客全图配置
export const teekBlogBodyConfig: TeekConfig = {
...teekBlogCommonConfig,
pageStyle: "segment-nav",
bodyBgImg: {
imgSrc: ["/blog/bg1.webp", "/blog/bg2.webp", "/blog/bg3.webp"],
},
banner: {
name: "One Blog 🎉",
description: [
"故事由我书写,旅程由你见证,传奇由她聆听 —— 来自 Young Kbt",
"积跬步以至千里,致敬每个爱学习的你 —— 来自 Evan Xu",
"这一生波澜壮阔或是不惊都没问题 —— 来自 Weibw",
],
descStyle: "types",
},
themeEnhance: {
layoutSwitch: {
defaultMode: "original",
},
},
};
// 博客卡片配置
export const teekBlogCardConfig: TeekConfig = {
...teekBlogCommonConfig,
post: {
postStyle: "card",
},
homeCardListPosition: "left",
banner: {
name: "One Blog 🎉",
bgStyle: "fullImg",
imgSrc: ["/blog/bg1.webp", "/blog/bg2.webp", "/blog/bg3.webp"],
description: [
"故事由我书写,旅程由你见证,传奇由她聆听 —— 来自 Young Kbt",
"积跬步以至千里,致敬每个爱学习的你 —— 来自 Evan Xu",
"这一生波澜壮阔或是不惊都没问题 —— 来自 Weibw",
],
descStyle: "types",
},
};
效果:
4.网站logo
编辑docs\.vitepress\config.ts
文件:
ts
logo: "/xyy-favicon.ico", //网站logo
效果:
2、侧边栏 个人头像、呢称、背景图、座右铭、首页3个banner图片
1.侧边栏 个人头像、呢称、背景图、座右铭
编辑docs\.vitepress\teekConfig.ts
文件:
ts
blogger: {
// 博主信息,显示在首页侧边栏
name: "One", // 侧边栏个人昵称
slogan: "明心静性,爱自己", // 侧边栏个人座右铭
avatar: "/img/xyy.webp", //侧边栏个人头像
shape: "circle-rotate", // 头像风格:square 为方形头像,circle 为圆形头像,circle-rotate 可支持鼠标悬停旋转
circleBgImg: "https://img.onedayxyy.cn/images/Teek/TeekBg/14.webp", // 侧边栏个人头像圆形背景图
circleBgMask: false, // 头像圆形背景图是否显示遮罩层
color: "#ffffff",
circleSize: 120,
status: {
icon: "😪",
size: 28,
title: "困",
},
},
效果:
2.首页3个banner图片
编辑docs\index.md
文件:
md
features: # 可选的
- title: 初见
details: 茫茫人海,我们相遇
link: / # 可选
# imgUrl: /img/web.png # 可选
image: /img/xyy-1.webp # 可选
- title: 幸福
details: 与你一起,真的幸福
link: /
# imgUrl: /img/ui.png
image: /img/xyy-2.webp
- title: 后来
details: 再见竟是,再也不见
link: /
# imgUrl: /img/other.png
image: /img/xyy-3.webp
效果: