查看源代码：
strange-vuepress-debug.md

---
title: 奇怪的 vuepress debug 记
createTime: 2025/8/21
categories:
    - IT
tags:
    - vuepress
---

这天，我发现在宽屏状态下页面右方会多出一片空白，经检查发现页面被插入了一段 `max-width: 80%;` 的幽灵 CSS。这段 CSS 是我为 view-source 页面编写的。

改了 view-source 源代码并清了缓存，但是没有效果。

点开幽灵 CSS 的源文件，发现了一段熟悉的

```css
red-bold {
    color: red;
}
```

这是我在电子单词本里面写的代码。于是问题很明了了：**所有 CSS 串到了同一个文件里面，并且这一个文件无法更新。**

最后通过 `<link>` 引入 CSS，修复了这个问题。