Foreword
This blog is about to modify the code block pattern.
If there is a need to understand other aspects and other structures, relatively few high-quality pre-readers can read the article:
Recommended reading: [Win10] build personal blog Hexo frame (homemade)
Recommended reading: [Win10] Hexo build a personal home page (two) configuration picture resources
Recommended reading: [Win10] Hexo build a personal home page (C) displays a summary of the article
Recommended reading: [Win10] Hexo build a personal home page (iv) displays the directory Articles
Recommended reading: [Win10] Hexo build a personal home page (5) Increasing archive menu
Ready to work
The default code style too harsh, tune into a little softer, here is the style tune into Atom, the following two methods are recommended first to directly modify the compiled file, or need to re-build.
The first way
- Directly modify the compiled file. Path:
theme\yilia\source\main.0cf68a.css
- Modify the background color codes, search
.article-entry .highlight
, modify the background color behind
![](http://p5sfmckwy.bkt.clouddn.com/img/3_4_code_bg_color.png)
Modify the code font color .article-entry .highlight .line
The second way
Modify the source file to re-build. Said resource corresponding to the source file yilia\source-src\css\highlight.scss
, as follows build
cd 到 yilia 目录下
npm install
npm run dev
npm run dist
effect
学如逆水行舟,不进则退