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 |
|
第一步:取消背景颜色
1 |
|
把以上代码改成:1
/*background:#eaeaea;*/
修改后为:
1
.mid-col{position:absolute;right:0;min-height:100%;/*background:#eaeaea;*/left:300px;width:auto}
1 |
|
第二步:加入背景图片
把以下代码加到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 |
|
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/