自定义“引用”板块

启发

自从为了方便编写Md文件，我一直在用CSDN写文章，但我一直困扰于如何使用更加引人注目的引用板块，因为在CSDN中引用板块样子如下

内容:又学废了

经过多方努力，我终于在大佬reuixiy的博客
reuixiy
里面找到了答案。首先在文件位置：/blog/themes/next/source/css/_custom/custom.styl 中添加如下代码

blockquote.question {
    color: #BA55D3;
    border-left: 4px solid rgb(16, 152, 173);
    background-color: rgb(250, 240, 230);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 20px;
}

其中

1）文字颜色改 color 的值
2）背景色改 background-color 的值
3）边框颜色和粗细改 border-left 的值

在文章中这样使用：

1	<blockquote class="question">内容：又学废了</blockquote>

结果为

内容：又学废了

学习

基于对上面的理解。我又添加了如下代码

blockquote.moli {
    color:  #FF7F00;
    border-left: 4px solid rgb(16, 152, 173);
    background-color: rgb(205, 197, 191);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 20px;
}