[Win10] Hexo build a personal home page (vi) amend the code block pattern

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] build personal blog Hexo frame (deployed on github and imported landscaping style)

Recommended reading: [Win10] Hexo build a personal home page (a) solve all the articles, missing module problem

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

Here Insert Picture Description
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

Here Insert Picture Description

学如逆水行舟,不进则退
Published 520 original articles · won praise 1419 · Views 200,000 +

Guess you like

Origin blog.csdn.net/weixin_42429718/article/details/104259171