[Usage Problem]请问markdown的 >引用 怎么更改颜色

[ShanMuYunQiu]

如题，我想让markdown的> 引用渲染成橙色，默认的是蓝色(如下)，我翻查了配置文档但好像没有类似的配置

我知道可以使用<div class="warning"></div>包裹这段引用，但我文章中的引用太多了，请问有没有简易的方式，让普通的引用变成那样的橙色，或者默认就被<div class="warning"></div>包裹？

[YunYouJun]

直接覆盖 CSS 样式即可。

新建 styles/index.scss。

:root {
  --smc-border-color: red;
}

[YunYouJun]

或覆盖 class 样式：

.markdown-body blockquote {
  border-left-color: black;
}

[ShanMuYunQiu]

我按照您的方法添加了/styles/index.scss，但还是没有作用，这两种方式我都尝试了，能请您有空时帮忙看下吗？

我的仓库地址：https://github.com/ShanMuYunQiu/MuYun_Blog，Hexo分支下是生成前的文件 博客线上地址：https://blog.muyun.space/

[ShanMuYunQiu]

问题已解决，需要创建的文件应为styles/index.css，谢谢云游。 我查了查貌似Hexo使用.scss需要npm install --save hexo-renderer-sass(不太懂，自己查的)，但安装又报了错，便将其改为.css后实现了效果

[ShanMuYunQiu]

参见了其他的issue，才发现文档中自定义样式部分可以满足这个需求。上述.css的做法仍不能完全满足需求，因为只能覆盖class样式，导致所有类型的引用都被更改。而通过文档中“自定义样式”的做法可以完全实现需求

[YunYouJun]

我看错项目了，以为是 https://github.com/YunYouJun/valaxy 下的问题。 新版的 valaxy-theme-yun 支持通过 styles/index.scss 覆盖 css 变量。

---

hexo-theme-yun 覆盖样式则参考 自定义样式。