怎么更改AO3网站外观？自定义皮肤（Skin）代码使用指南

可通过Stylus扩展安装社区皮肤、手动注入自定义CSS或复用他人公开源码三种方式更改AO3外观；其中Stylus支持一键安装、新建样式及导入GitHub等平台的CSS代码，操作覆盖MacBook Air macOS Sequoia环境。

如果您希望更改AO3网站的外观，可以通过应用自定义皮肤（Skin）来实现。AO3本身不提供内置主题切换功能，但支持用户通过浏览器扩展注入CSS代码以覆盖默认样式。以下是具体操作步骤：

本文运行环境：MacBook Air，macOS Sequoia。

一、使用Stylus扩展安装社区皮肤

Stylus是一款开源、无广告的用户样式管理器，可安全加载AO3社区成员共享的CSS皮肤。该方式无需编写代码，适合大多数用户。

1、在Firefox或Chrome浏览器中访问Stylus官方扩展页面，点击“添加到浏览器”完成安装。

2、重启浏览器后，点击工具栏中的Stylus图标，选择“管理样式”。

3、点击右上角“查找样式”，在搜索框中输入“AO3”或具体皮肤名（如“Midnight AO3”）。

4、从结果列表中选择目标皮肤，点击“安装”按钮。

5、安装完成后，刷新AO3任意页面，新外观将立即生效。

二、手动注入自定义CSS代码

若需高度个性化控制，可直接编辑CSS代码并通过Stylus创建新样式。此方法允许逐元素调整颜色、字体、间距等视觉属性。

1、打开Stylus管理界面，点击左下角“+ 写新样式”按钮。

标签： css git github 浏览器 macbook 工具 mac ai macos cos ao3 archiveof