使用 Arc 浏览器自定义网页
方便、快捷地自定义网页，无需安装任何插件。
什么是 Arc 浏览器
在上一篇文章 —— 2022 年度总结 中，我提到了去年比较满意的一款产品：Arc 浏览器。它是一款基于 Chromium 的浏览器，有很多传统浏览器没有的新功能。这里不过多介绍它的其他功能，主要讲一讲自定义网页 —— 即 Arc Boost。
为什么要自定义网页
我喜欢使用浏览器，只要浏览器能做的，我一般不会下载 app。很多网站的布局、设计和推荐的内容都不是我想要的，我希望能够自定义网页，只看到我想要的内容。比如在用 Bilibili 时，视频上方的推荐搜索、直播间花里胡哨的活动通知和礼物等，我都不想看到。这些内容在 app 中是不可以自定义的，但正因为是浏览器，才有了自定义网页的可能。
为什么不…？
为什么不直接修改网页源代码？
这样做的话，每次网页刷新都需要重新修改，而且不同路由下的网页都需要修改，比较麻烦。
为什么不直接安装插件？
上文和下文提到的“插件”指的就是浏览器的扩展（extension）。
当然，对于 Bilibili 网站，有很多出色、强大的自定义插件可供使用。但插件提供了太多我不需要的功能，提供的需要的功能实现又过于复杂也不是我想要的样子，而且向插件中添加我想要的功能又太麻烦，最后成了为了自定义网页而去自定义插件。
如何快速利用 Arc Boost 自定义网页（以 Bilibili 为例）
首先，你要有一台运行 macOS 的电脑，因为 Arc 浏览器暂时只支持 macOS。
其次，你需要安装 Arc 浏览器，这里是邀请码：
hey, here’s an invite to Arc, the browser I was telling you about!
在浏览器中打开 Bilibili，在侧边栏的右下角 + 号中选择 New Boost，即可进入 Arc Boost 编辑页面。
点击 Style - A specific website，在窗口中将 www.bilibili.com 改为 bilibili.com，点击 Create Boost，即可进入 styles.css 编辑页面。
因为 Bilibili 空间、直播间等页面的三级域名都不是 www，如果这里只写 www，会导致自定义 css 在这些页面无法生效。
这里就是自定义网页的地方了，你可以在这里添加你想要针对 Bilibili 的 css 代码，浏览器会自动覆盖掉原网页的 css。
你应该对 css 有一些比较基础的了解。如果完全不了解，Arc 浏览器还贴心地提供了很多教程，在右上角的 Handbook 中可以找到。
下面以隐藏 Bilibili 网页上方的推荐搜索为例，这里是修改前的网页：
用开发者工具找到搜索框的元素路径，这里是 #nav-searchform >...
剩余内容已隐藏