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

阅读数: 次 2020-07-30

Made by Mike_Zhang

博客名称及其域名变更提醒:
我的个人博客名称已由 UltraFisher 改为 UltraFish.
相应的域名已由ultrafisher.github.io改为ultrafish.cn.
后续所有的更新将会在ultrafish.cn进行, 本网站将停止更新.
十分感谢您的浏览以及支持, 让我们在UltraFish再次相遇!

Notification
The name of my personal blog has been changed from UltraFisher to UltraFish.
Its domain name has been changed from ultrafisher.github.io to ultrafish.cn.
ONLY ultrafish.cn will be updated, this website will NOT be updated.
Thank you very much for your browsing and support, see you on the UltraFish!
Mike_Zhang
2020/10/15

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