bilibili-app-recommend高级技巧：自定义网格布局、字体与顶栏，打造独一无二的首页
【免费下载链接】bilibili-app-recommend[UserScript] Bilibili 自定义首页项目地址: https://gitcode.com/gh_mirrors/bi/bilibili-app-recommend
bilibili-app-recommend是一款强大的UserScript工具，专注于帮助用户打造个性化的B站首页体验。通过自定义网格布局、字体样式和顶栏设置，你可以轻松将B站首页改造成符合个人审美的专属空间。本文将详细介绍如何利用这些高级功能，让你的B站浏览体验焕然一新。
一、自定义网格布局：让视频展示更合心意
B站默认的视频布局可能无法满足所有人的需求，而bilibili-app-recommend提供了灵活的网格布局自定义选项。通过调整网格宽度和布局方式，你可以让视频内容展示更加舒适。
在设置中，你可以找到"使用 bilibili-app-recommend 自定义网格配置"的选项。默认情况下，网格宽度为90%，并且可以跟随Bilibili-Evolved的自定义顶栏配置进行调整。这意味着你可以根据自己的屏幕尺寸和观看习惯，灵活设置视频网格的大小和排列方式，让每一次浏览都更加愉悦。
相关配置文件：src/components/ModalSettings/tab-panes/pane-basic.tsx
二、字体设置：打造舒适阅读体验
字体是影响阅读体验的重要因素，bilibili-app-recommend允许你自定义字体，让B站的文字内容更加符合个人喜好。
工具默认优先使用HarmonyOS_Regular字体，其次是PingFang SC字体，这一设置主要优化了macOS系统下的字体显示效果。通过调整字体设置，你可以选择自己喜欢的字体，让视频标题、简介等文字内容更加清晰易读。
相关代码文件：src/components/VideoCard/stat-item.tsx
三、顶栏自定义：个性化你的浏览空间
顶栏是B站首页的重要组成部分，bilibili-app-recommend提供了丰富的顶栏自定义选项，让你的浏览空间更具个性。
你可以选择将Tab栏吸附在顶栏下方，或者让Tab栏随页面一起滚动。此外，工具还支持与Bilibili-Evolved的自定义顶栏兼容，包括全局固定顶栏和自由设置顶栏高度等功能。这些设置可以帮助你打造一个既美观又实用的顶栏布局。
需要注意的是，在使用自定义顶栏功能时，如果遇到深色模式冲突的问题，可以通过删除theme_style这个cookie，或者将其值从dark修改为light来解决。
相关配置文件：src/components/ModalSettings/tab-panes/pane-basic.tsx
四、实用技巧：让自定义更高效
网格布局调整：根据自己的屏幕尺寸和观看习惯，合理设置网格宽度。较大的宽度适合大屏幕用户，较小的宽度则适合小屏设备。
字体选择：如果你对默认字体不满意，可以尝试其他字体。选择时要注意字体的清晰度和可读性，避免影响浏览体验。
顶栏设置：根据自己的使用习惯选择顶栏模式。如果你经常需要切换不同的内容分类，将Tab栏吸附在顶栏下方可能会更方便；如果你更关注内容浏览，让Tab栏随页面滚动可能会提供更大的观看空间。
冲突解决：当遇到深色模式与自定义顶栏冲突时，记得使用cookie修改的方法来解决问题。
通过这些高级技巧，你可以充分利用bilibili-app-recommend的自定义功能，打造一个独一无二的B站首页。无论是网格布局、字体样式还是顶栏设置，都能根据你的个人喜好进行调整，让每一次B站浏览都成为一种享受。
如果你还没有尝试过这些功能，不妨立即行动起来，探索更多个性化的可能性。让bilibili-app-recommend帮助你打造一个真正属于自己的B站首页吧！
相关文档：README.md
【免费下载链接】bilibili-app-recommend[UserScript] Bilibili 自定义首页项目地址: https://gitcode.com/gh_mirrors/bi/bilibili-app-recommend
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
