HEXO框架yilia主题下个性化和定制化

因为yilia已经不再维护，所以以下都是我在尝试搭建自己的个人博客的时候尝试过的，可放心食用

1、添加图片资源(网站logo、头像、左侧背景图)

​ 1.1在路径F:/myblog/source/image，也就是根目录下的source下建一个文件夹image，头像就可以在/themes/yilia/_config.yml里的avatar: /image/BEYOND.jpg（冒号后面有个空格，然后就是/image/你的图片路径

​ 1.2添加左侧背景图是在路径：themes/yilia/source/main.0cf68a.css中修改，比如我的路径，图片路径那里就是填/image/你的图片.jpg

.left-col{ /* background:#fff; */  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('填入自己的图片路径') no-repeat 0% 20%/ cover;width:300px;position:fixed;opacity:1;transition:all .2s ease-in;height:100%;z-index:999;overflow:hidden;overflow-y:auto;margin-bottom:15px}

然后还需要在路径： themes/yilia/layout/_partial/left-col.ejs下，删除<div class=”overlay” style=”background:……>这一行

2、修改右侧文章的背景颜色，路径：themes/yilia/source/main.0cf68a.css，修改下面代码的background后面的字段，此网站可以看颜色和十六进制代码的对应关系RGB颜色值与十六进制颜色码转换 | 颜色选择器—LZL在线工具

.article{margin:30px;position:relative;border:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #fff;background:#FFEBCD;transition:all .2s ease-in}.article img{max-width:100%}

赏

路过，写太好了/加我微信请备注

支付宝

微信