Skip to content

实时修改CSS

实时将 Vscode(或Cursor)上的CSS修改同步到 SillyTavern 上,方便进行主题设计。

示例

  • 安装 VSCode,并为 VSCode 安装 live server 插件,查看参考教程
  • 用 VSCode 打开一个文件夹,在其中新建一个 test.css 文件
  • 在 VSCode 文件列表右键 test.css 文件,点击 "复制相对路径"
  • 在 VSCode 右下角点击 "Go Live" 来将文件夹映射到链接上,然后 "Go Live" 将会变成一串数字
  • 打开下方下载的角色卡正则中的 "脚本-实时修改CSS",将其中 "填入你的css链接" 改为 http://localhost:那一串数字/你复制得到的相对路径

提示

如果觉得 VSCode 修改后的反馈还是比较慢,可以把 脚本-实时修改CSS 中最下面一行的 1000 调小

作者:KAKAA, 青空莉想做舞台少女的狗