huxpro.github.io icon indicating copy to clipboard operation
huxpro.github.io copied to clipboard

【已解决】请问可以切换代码区的底色吗?现在是深色的,怎么可以切换成浅色的呢?

Open Ivens-Zhang opened this issue 5 years ago • 5 comments

问题如上.

Ivens-Zhang avatar Nov 24 '19 03:11 Ivens-Zhang

image

Ivens-Zhang avatar Nov 24 '19 03:11 Ivens-Zhang

已解决,方法如下

image

使用Chrome浏览器进入调试模式,可以找到影响到元素颜色,背景的样式出自哪里.

文章中代码的样式是出自文件夹下的css/hux-blog.min.css 所以要在这里改动才会有变化,我一开始在less文件夹中改动没有变化,在这才发现原因.

Ivens-Zhang avatar Nov 25 '19 09:11 Ivens-Zhang

以下是我在模板上改动后的浅色主题CSS文件,不是很完美,有兴趣的朋友可以再以此改进,谢谢.

image

hux-blog.min.zip

Ivens-Zhang avatar Nov 25 '19 10:11 Ivens-Zhang

Read README https://github.com/Huxpro/huxpro.github.io#how-can-i-customize-the-theme-of-code-block

Huxpro avatar Nov 28 '19 00:11 Huxpro

我替换了.highlight.less里的内容,为什么没有变化啊

idealzouhu avatar Jul 10 '21 05:07 idealzouhu