关于

# 📚Blog

这是一个兼具博客文章、知识管理、日程生活记录的个人网站，主要内容是自己学习的的知识笔记。如果你喜欢这个博客，欢迎交换友链 ( •̀ ω •́ )✧

提示

想让文章排版更丰富？可以参考Markdown 容器 (opens new window) 和主题的更多功能 (opens new window)

更多自定义模块

关于博客搭建部署和 vuepress-vdoing 更多自定义模块，可以阅读：本站 - 介绍 | Young Kbt blog (opens new window)

部署问题

1.如果将整个项目git到Github，那在Vercel中需要Framework Preset：Vuepress，Output Directory：docs/.vuepress/dist。

2.考虑到每次git时Vercel重新部署需要耗费很多时间，可以在npm run build之后把生成的网站静态资源(docs/.vuepress/dist) copy到根目录新建的dist文件夹，然后Vercel直接部署这个文件夹即可，Framework选择other。

3.博客项目已经900M左右，Github仓库上限1G。可以考虑只git dist文件夹，当然缺点是本地文件丢失就没法复原了（可以考虑再新建个仓库保存本地文件备份或者定期存到云盘）。

4.报错：**[BABEL] Note: The code generator has deoptimised the styling of xxx.js as it exceeds the max of 500KB.**因为单篇文章限制500KB，只需要新建一个babel.config.js文件，内容如下：

module.exports = {
  compact: false,
}

1
2
3

# 🎨Theme

本站主题是 Vdoing (opens new window)，这是一款简洁高效的VuePress 知识管理&博客主题。旨在轻松打造一个结构化与碎片化并存的个人在线知识库&博客，让你的知识海洋像一本本书一样清晰易读。配合多维索引，让每一个知识点都可以快速定位！ Github地址 (opens new window) | 在线vscode预览源码 (opens new window)

自定义样式修改 - 展开查看

1.增加背景和页面透明度

选择一张壁纸作为博客背景图，压缩并命名为bg.png后放入.vuepress/public/img文件夹中，然后在.vuepress/styles/config.ts中修改如下：

bodyBgImg: [
      '/img/bg.png',
    ], 
    bodyBgImgOpacity: 0.8, // body背景图透明度，选值 0.1~1.0, 默认0.5

1
2
3
4

在.vuepress/styles/palette.styl中修改以下代码：

// // 浅色模式
.theme-mode-light
//   --bodyBg: #f4f4f4
  --mainBg: hsla(0,0%,100%,0.9)
//   ...

1
2
3
4
5

在.vuepress/styles/index.styl末尾添加以下代码：

// 给导航栏、主页按钮一个透明度，这样可以看见背景图
.navbar, .action {
  opacity: 0.9;
}

1
2
3
4

# 技能

熟悉 PS 的抠图、去水印、文字编辑等基础操作
熟悉 Excel 的常用函数、数据透视表等基础操作
熟悉 JavaScript、HTML、CSS、Vue 的拼写
精通 Git 的 pull 和 push，并注册了 GitHub 帐号刷了一些 star

# ✉️ 联系

QQ: 1311788787
Email: [email protected]
GitHub: https://github.com/lumengde123 (opens new window)
Vdoing主题文档：https://doc.xugaoyi.com (opens new window)
Vdoing交流QQ群：694387113

编辑

上次更新: 2025/07/10, 12:43:44