Beautify-Anki_2.0 插件使用问题详解与解决方案-CSDN博客

本文链接：https://blog.csdn.net/m0_73640344/article/details/147748779

Beautify-Anki_2.0 插件使用问题详解与解决方案

概述

Beautify-Anki_2.0 是一款旨在美化 Anki 用户界面的插件，提供多种自定义选项以提升用户的学习体验。在实际使用过程中，用户反馈了一些问题，包括与其他插件的兼容性问题、背景设置的困难以及界面显示错误等。本文将详细归纳这些问题，分析其原因，并提供具体的解决方案，帮助用户更好地使用 Beautify-Anki_2.0 插件。

1. 插件与其他插件的兼容性问题

问题描述

在同时使用 Beautify-Anki_2.0 与 Anki-redesign 插件时，复习界面的底部栏高度逐渐增大，最终覆盖卡片内容，影响正常使用。此外，部分按钮的样式和位置也出现异常。

问题原因

Anki-redesign 插件中的 ReviewerBottomBar.css 文件设置了以下 CSS 代码：
```
html {
   height: 100%;
}
```
这一设置导致 Beautify-Anki_2.0 插件在复习界面中底部栏高度异常增加，产生兼容性冲突。

解决方案

定位冲突 CSS 文件路径

addons21\308574457\files\ReviewerBottomBar.css

编辑 ReviewerBottomBar.css 文件，注释掉或删除冲突代码
```
/* 
html {
   height: 100%;
}
*/
```
保存修改并重启 Anki 确保问题得到解决，底部栏不再持续增高，复习界面恢复正常显示。

2. 每个牌组特定背景设置

问题描述

用户希望为不同的牌组设置各自的背景图片，但发现插件默认并未提供 deck_backgrounds 文件夹，导致背景更换仅在标题页生效，复习卡片界面仍为默认灰色背景。

问题原因

Beautify-Anki_2.0 插件默认背景存放在 assets 文件夹内，用户需要手动创建 deck_backgrounds 文件夹并添加对应的背景图片。此外，复习界面的背景由其他插件或 Anki 自身设置控制，与 Beautify-Anki 插件无关。

解决方案

手动创建 deck_backgrounds 文件夹

Beautify_Anki_2.0插件目录\assets\deck_backgrounds\

添加与牌组名称一致的 JPG 格式背景图片
- 确保图片名称与牌组名称完全一致，例如牌组“Biology”对应的背景图片应命名为 Biology.jpg。
确保图片格式和尺寸符合要求
- 图片必须为 JPG 格式，并符合 Anki 界面的尺寸要求，以保证显示效果。

补充说明

若复习界面背景仍为灰色，需确认是否有其他插件影响，建议禁用相关插件或使用自定义 CSS 强制设置复习界面背景：

/* 强制设置复习界面背景为白色 */
.card {
    background-color: #FFFFFF !important;
    background-image: none !important;
}

3. 当前牌组指示的白色标识问题

问题描述

在 Deck Browser 中，点击当前牌组后，其背景变为白色，导致文本难以阅读。此外，用户希望更改复习器底部栏的颜色。

问题原因

Beautify-Anki 插件的 CSS 文件 deckbrowser.css 中设置了当前牌组背景颜色：
```
.current {
  background-color: rgba(231, 231, 231, 1);
}
```
这一设置导致当前牌组背景变为白色，影响可读性。

解决方案

定位 CSS 文件路径

Beautify_Anki_2.0插件目录\user_files\assets\css\deckbrowser.css

编辑 deckbrowser.css 文件，注释掉或删除当前牌组背景颜色设置
```
/* 
.current {
  background-color: rgba(231, 231, 231, 1);
}
*/
```
保存修改并重启 Anki 检查当前牌组指示背景颜色是否恢复正常。

更改底部栏颜色

通过编辑当前使用的主题，修改 bottombar-color 字段

或创建主题副本并进行颜色调整

/* 修改底部栏颜色为蓝色 */
.reviewer-bottom-bar {
    background-color: #0000FF;
}

4. 复习界面底部栏消失及其他显示错误

问题描述

更新到某个版本后，复习界面底部栏消失，点击牌组后界面保持白色，导致文本不可读。

问题原因

可能是插件更新后与 Anki 核心或其他插件的兼容性问题，导致 CSS 样式冲突或部分元素未正确加载。

解决方案

尝试禁用最近更新的插件，逐一排查冲突源

检查 Beautify-Anki 插件的 CSS 文件，确保样式设置正确

/* 确保底部栏样式存在 */
.reviewer-bottom-bar {
    display: block;
    height: 40px; /* 根据需要调整高度 */
    background-color: #00FFFF; /* 示例颜色 */
}

如果问题依旧，联系插件开发者反馈问题，等待官方修复更新

5. 其他用户反馈与解决方法

背景颜色随机化

用户建议：希望插件能随机化不同牌组的背景颜色。
开发者回应：目前插件尚未支持随机化背景颜色，但这是一个可行的改进方向，开发者考虑在未来版本中实现。

复习器底部栏颜色更改

用户需求：希望自定义复习器底部栏颜色以适应不同主题或个人偏好。

解决方案：

通过编辑主题的 bottombar-color 字段或在自定义 CSS 中添加相应样式：

/* 示例：将底部栏颜色改为浅灰色 */
.reviewer-bottom-bar {
    background-color: #D3D3D3;
}

6. 代码讨论与技术细节

CSS 自定义

修改复习界面底部栏颜色

/* 修改底部栏颜色为蓝色 */
.reviewer-bottom-bar {
    background-color: #0000FF;
}

移除当前牌组的背景色

/* 移除当前牌组的背景色 */
.current {
    background-color: transparent;
}

背景图片设置

设置全局背景图片

/* 设置全局背景图片 */
body {
    background-image: url("addons21\beautify\assets\background.jpg");
    background-size: cover;
}

为每个牌组设置特定背景图片
- 步骤：
  1. 创建 deck_backgrounds 文件夹。
  2. 在其中添加与牌组名称一致的 JPG 图片，例如牌组“Biology”对应 Biology.jpg。

解决复习界面灰色背景问题

检查其他插件或主题的影响：禁用相关插件，或在自定义 CSS 中强制设置复习界面背景。

/* 强制设置复习界面背景 */
.card {
    background-color: #FFFFFF !important;
    background-image: none !important;
}

总结

Beautify-Anki_2.0 插件通过提供丰富的自定义选项，显著提升了 Anki 的用户界面体验。然而，在实际使用中，用户可能会遇到与其他插件的兼容性问题或需要进一步的界面定制。通过详细分析问题原因并应用相应的 CSS 调整方法，大部分使用中的问题都可以得到有效解决。此外，开发者积极回应用户反馈，持续优化插件功能，未来有望实现更多定制化选项，进一步提升 Anki 用户的学习体验。