探索hexo-theme-matery主题（三）

一、问题与速决

1、问题描述

该主题的代码框背景不是全黑，巨丑无比！！以及改动matery.css调节背景后，发现的代码高亮与行数不显示问题。

2、问题速决

找到matery.css文件，修改backgorund，我的是只有1，2，6这三行，中间3，4，5是跟着 LuckySec博主增加的。

../themes/hexo-theme-matery/source/css/matery.css

然后是行数与高亮问题，用过prism-plugin，同时伴随着改动各种文件，后来又npm uninstall hexo-prism-plugin，还原改动项，也试过hexo版本降级（npm uninstall hexo-cli -g，npm i hexo-cli@4.2.0），后来又卸载旧版本重新安装（npm i hexo-cli -g）。最后参照github issue修改，设置如下：

效果如下：

二、探索笔记

1、文件认识

查看不同平台的多位博主的介绍后，感觉问题的解决有点深，涉及的文件超出了我的认知。先了解个大概再开始改。文件种类多了js和esj后缀的文件，首先需要知道前端三剑客：

1. HTML：负责网页的架构；
2. CSS：负责网页的样式，美化；
3. JavaScript（JS）：负责网页的行为；

那ejs是啥呢？EJS是一个JavaScript模板库，用来从JSON数据中生成HTML字符串。