README
约 428 字大约 1 分钟
2025-08-30
DB-Blog-Plume
本站基于 vuepress & vuepress-theme-plume 构建.
主题作者：https://github.com/pengzhanbo
访问
参考
博客主页为自定义页面，若你也在使用这个博客主题并想参考本博客主页，可查看以下说明：
配置
- 自定义页面的vue组件路径：docs/.vuepress/theme/components
- 自定义页面的css样式文件：docs/.vuepress/theme/styles
- 全局组件：在
docs/.vuepress/client.ts中导入相应的组件和样式，示例如下
import './theme/styles/introduce.css'
import Introduce from './theme/components/ColourPicker.vue'
export default defineClientConfig({
enhance({ app }) {
app.component('ColourPicker', ColourPicker)
},
})组件说明
DockBar.vue-> Dock栏Hitokoto.vue-> 一言BlogHero.vue-> 主页核心组件Introduce.vue-> 介绍页卡片NavPage.vue-> 导航页面ColourPicker.vue-> 导航栏颜色选择器GitHubCard.vue-> GitHub卡片GiteeCard.vue-> 码云卡片NeteaseMusicCard.vue-> 网易云音乐卡片
Introduce.vue为介绍页卡片组件, 以下组件的使用说明可查看原仓库的README，此处主要进行细微修改并修改手机浏览兼容性.
AboutMeCharacter.vue,AboutMeFriendLink.vue,AboutMeName.vue,AboutMeAbilities.vue,AboutMeText.vue以及Introduce.vue均修改自该博客
AsideOutlineAfter.vue为右边侧边栏目录下方显示的额外跳转链接，可按需求修改或新增更多链接.ColourPicker.vue为导航栏的颜色选择器，可修改主题颜色，修改自该博客.NavPage.vue为导航页面专用组件，在此处修改引入的外部数据文件：
<script>
import { categories, sites } from '../data/NavData.ts';并在 docs/.vuepress/theme/data/NavData.ts 中修改导航内容.
主页
- 主页布局请看 BlogHero.vue
- 参考该博客
更新日志
2026/3/2 16:47
查看所有更新日志
87d10-更新于d8567-主题优化于12d88-细节修改于81497-修复NavPage于be626-组件优化于