起因, 目的:
VSCode 中, 安装 Markdown Preview Enhanced 这个插件之后,能渲染,但是背景颜色太亮了。
最近正在学习 css, 所以一试身手。
先看效果:
过程:
- Ctrl + Shift + P 打开命令面板。
- 输入: Markdown Preview Enhanced
- 打开 css 文件, 修改为:
.markdown-preview.markdown-preview {
// modify your style here
background-color: #2b2b2b;
font-family: "Consolas"; // 字体类型
font-size: 20px; // 字体大小
* {
color: #e1baba;
}
/* blockquote 单行注释 */
blockquote {
background-color: #3c0631;
color: #f4efef;
}
/* pre 多行代码块 背景颜色 */
pre {
background-color: #141327;
}
/* code 多行代码块 字体 */
code {
color:#e1baba;
font-size: 20px; // 字体大小
}
}