Academic模板使用自定义css

找到要修改css

网页打开后 F12，查看用到的css。

创建文件

\assets\scss\custom.scss 将要覆盖的css写入，举例

pre, code {
    font-family: Consolas, monospace;
    color: #c7254e !important;
    background-color: #FBF8EF !important
}

上面这个例子就是修改代码引用块的css，在F12中看到的情况就是pre元素下，code元素的css。

在academic模板中，不知道什么原因，代码引用块的CSS是写在页面中的内联样式的。用!important，就是将外部引用的css覆盖内联样式。