本文共 495 字，大约阅读时间需要 1 分钟。

前言

本篇博文是关于修改代码块样式。

如果对于搭建等其它方面有需要了解的，读者可以阅读前几篇比较优质的文章：

准备工作

默认的代码样式太刺眼了，调成稍微柔和一些的，这里是调成 Atom 风格，以下为两种方式都可以，推荐第一种直接修改编译好的文件，不然还需要重新build。

第一种方式

• 直接修改编译好的文件。路径为： theme\yilia\source\main.0cf68a.css
• 修改代码背景色，搜索 .article-entry .highlight, 修改background后面的颜色

![](http://p5sfmckwy.bkt.clouddn.com/img/3_4_code_bg_color.png)

修改代码字体颜色 .article-entry .highlight .line

修改源文件重新build。上述资源对应源文件为yilia\source-src\css\highlight.scss，按照如下方式build

cd 到 yilia 目录下npm installnpm run devnpm run dist

效果

学如逆水行舟，不进则退

转载地址：https://chocolate.blog.csdn.net/article/details/104259171 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！