解决 Enlighter 插件文字过小问题

发表于：
字数：309 阅读：≈ 1分钟 浏览：

前言

Enlighter 插件提供的代码块哪里都好，就是文字太小，密密麻麻的代码看得我眼睛要瞎了，所以我准备把文字调大一些。 我先是找到了 Enlighter 插件的设置页面，但是不知道为什么，我修改 Font Size 设置后没有效果。 image.png

解决方案

插件提供的接口无法修改文字大小，我就只能直接操作代码了。 打开 chrome 的控制台，发现该插件使用的 CSS 文件为：enlighterjs.min.css，去服务器上找到该文件位置：/wp/wp-content/plugins/enlighter/ 使用vim enlighterjs.min.css命令修改代码，文件内容很杂，乍一看很懵，偶然间看到第一行有这么一个配置：

/*! EnlighterJS Syntax Highlighter 3.5.0 | Mozilla Public License 2.0 | https://enlighterjs.org */
.enlighter-tooltip{z-index:100}.enlighter-default{font-family:"Source Code Pro","Liberation Mono","Courier New",Courier,monospace;font-size:14px;......

试着把 font-size 从 12px 修改为 14px，竟然成功了！完美！