Hexo+yilia主题中用本地图片设置背景

Made by Mike_Zhang


1.准备一张背景图片

准备一张背景图片,例如:bg.jpg。
把它放到themes/yilia/source路径下

2.修改maim.0cf68a.css文件

打开themes/yilia/source/中的maim.0cf68a.css,找到以下代码*
(Windows用户按ctrl+F搜索,mac用户按command+F搜索)

1
.mid-col{position:absolute;right:0;min-height:100%;background:#eaeaea;left:300px;width:auto}

第一步:取消背景颜色

1
background:#eaeaea;

把以上代码改成:

1
/*background:#eaeaea;*/

修改后为:

1
.mid-col{position:absolute;right:0;min-height:100%;/*background:#eaeaea;*/left:300px;width:auto}

第二步:加入背景图片

把以下代码加到position前面**

1
background-image:url("bg.jpg");

(bg.jpg是你放到themes/yilia/source路径下的图片)

修改后为:

1
.mid-col{background-image:url("bg.jpg");position:absolute;right:0;min-height:100%;/*background:#eaeaea;*/left:300px;width:auto}

3.Hexo操作

1
2
3
hexo g
hexo s
hexo d

4.注意

用此方法设置的背景图片是以平铺的效果展示在背景上
maim.0cf68a.css文件名称可能不同,找到maim.xxxx.css以.css后缀结尾的文件即可
我试过网上好多换背景的方法,但是我都没有成功,此方法是我不断尝试出来的,可能有点不足,会持续更新。


Made by Mike_Zhang




感谢你的支持

Hexo+yilia主题中用本地图片设置背景
https://ultrafish.io/post/set-local-img-as-background-in-yilia/
Author
Mike_Zhang
Posted on
July 30, 2020
Licensed under