如何通过 Stylus 插件自定义 YouTube 首页视频网格的列数

YouTube 网格布局自定义样式分享

由于我几乎不看YouTube的竖屏视频，所以我将他们隐藏了，然后就是平时摸鱼的时候，屏幕每行都是三个，太大了，一下就被同事看到我的列表，同时一页能浏览的内容也太少了，于是有了下面的 Stylus 样式。下面我将分享如何通过 Stylus 插件自定义 YouTube 首页视频网格的列数，以提升浏览体验。

Stylus 样式代码

/* YouTube 网格布局自定义样式
 * 用于修改YouTube首页视频网格的列数
 * 适用于Stylus浏览器插件
 */

/* 选择id="primary"元素下的第一个子元素，设置网格列数为8 */
#primary > *:first-child {
  --ytd-rich-grid-items-per-row: 8 !important;
  --ytd-rich-grid-posts-per-row: 8 !important;
}

/* 隐藏所有ytd-rich-section-renderer元素 */
ytd-rich-section-renderer {
  display: none !important;
}

效果对比

在应用上述样式之前，YouTube 首页的每行视频数量是默认的三个，这导致视频显示得较为分散，且容易暴露给同事。而通过上述 Stylus 样式，我们将每行视频数量修改为8，使得一页可以浏览更多的内容，同时也减少了被他人窥视的机会。

使用 Stylus 插件自定义样式

1. 安装 Stylus 浏览器插件。
2. 打开 Stylus 插件，选择 'Manage' 进入样式管理页面。
3. 点击 'New style' 创建新的样式。
4. 输入样式的名称，例如 'YouTube Grid Customization'。
5. 将上述 CSS 代码粘贴到样式的编辑器中。
6. 点击 'Save' 保存样式。
7. 在 YouTube 页面应用该样式，即可看到效果。

通过这种方式，我们可以根据自己的喜好和需求，自定义 YouTube 的显示效果，提升个人的浏览体验。希望这个分享对大家有所帮助！