Yilia主题自定义左侧背景图片

最新推荐文章于 2021-07-16 22:35:41 发布
最新推荐文章于 2021-07-16 22:35:41 发布
阅读量1.7k 收藏 9
点赞数 2
分类专栏： Yilia Hexo 网站开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40922859/article/details/102886979
版权
本文介绍了如何更改Yilia主题左侧背景，通过修改主题配置文件，将默认纯色背景替换为自选图片。步骤包括：1. 修改配置项；2. 放置背景图片；3. 编辑特定文件，添加图片路径。建议使用700 x 1200像素的图片以获得最佳效果。
摘要由CSDN通过智能技术生成

134522_爱奇艺.jpg

左侧默认的背景是纯色的，这里给出一种方法更改为图片背景。

修改主题配置

1、找到themes\yilia\目录下的_config.yml,修改配置：

header 这一项修改为 #00000

20190730150445.png

2、把你选好的背景图片放到themes\yilia\source目录下

图像推荐大小：700 x 1200,出来的效果比较好

20190730151232.png

3、打开yilia\source目录下的main.xxxx.css,进行修改

这里的xxxx是不确定的意思，有些人重新build后会和原版的不一样

最低0.47元/天 解锁文章
本该如此
关注
  • 2
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
yilia-qure:基于yilia主题进行优化，简约清新风格的博客主题
05-22
Yilia-qure 简约清新主题 ================ PC端 简约优雅的个人博客，移动端，适配pad，请访问 查看效果。 Powered by 主题配置 配置过程遇到问题欢迎Q我：2411535738 安装 克隆代码 git clone ...
【Hexo搭建个人博客】：yilia主题配置(二) - 背景图片
Alfred的博客
03-10 3697
本文主要讲述 Hexo-yilia 主题中，关于背景和图片的相关配置。与前面一样，使用主题： hexo-theme-yilia-plus 1.头像与网站图标 1.1.添加头像和网站图标 打开主题配置文件 _config.yml, 添加： # 网站图标 favicon: /img/favicon.ico # 你的头像url avatar: /images/avatar.jpg 头像地址可以分两...
hexo之yilia主题添加背景图片
独孤&狼王的博客
11-28 2403
文章目录一、左侧边栏添加背景图片left-col.ejsmain.0cf68a.css二、右边的文章添加背景图片main.0cf68a.css 一、左侧边栏添加背景图片 left-col.ejs 路径： themes/yilia/layout/_partial/ 找到 < !-- -->之内的给注释掉，添加 < div class=“overlay” >< /div&...
hexo+yilia添加背景图片
荷塘月色
11-13 5691
同时因为每个人选的背景图片可能有所不同，主体颜色可能差异很大，需要调整的颜色可能比较多，这篇博客仅供参考，请自行选择是否替换背景。
Yilia主题自动切换左侧背景
本该如此
09-16 738
不再是单调的静态背景，主题左侧背景图片实现自动切换。 代码修改 接上一篇博客：Yilia主题自定义左侧背景图片 注释掉yilia目录下_config.yml中的header选项 优化yilia\layout\_partial目录下的left-col.ejs <div class="overlay" style="background: <%= theme.style &a...
Yilia个性设置
qq_37513473的博客
03-17 2万+
这段时间一直在构建自己的个人博客，如想参观，请移步[我的博客](https://lijinhongpassion.github.io)，以下内容是我在yilia主题的基础上修改的样式，这里分享出来供大家参考。 ####1、yilia更改头部图片 ​ 在yilia的根目录下，我这里是E:\my_personnel_blog_hexo\themes\yilia下的_co...
Node.js-Yilia一个简洁优雅的hexo主题
08-09
Yilia主题提供了许多扩展和自定义的可能性，例如： - 使用自定义CSS和JavaScript来调整样式和功能。 - 添加或修改布局文件以实现特定设计。 - 利用Hexo的插件系统增强博客功能。 总的来说，“Yilia”主题为Hexo...
hexo-theme-yilia:Litten 优化的基于主题 yilia 的 hexo 主题 yilia
07-06
7. **个性化设置**：除了默认样式，"hexo-theme-yilia" 往往还提供了一些自定义选项，如更改颜色方案、调整字体大小、添加个人头像等，让用户可以根据个人喜好进一步定制主题。 总之，"hexo-theme-yilia" 是一个...
hexo+yilia建立一个自己的博客.docx
04-05
Yilia 是 Hexo 的一个美观、简洁的主题，提供了丰富的自定义选项和功能，适合个人博客的需求。 在创建 Hexo 博客时，首先需要安装必要的软件，包括 Git 和 Node.js。Git 是分布式版本控制系统，用于管理项目文件和...
hexo-theme-yilia-plus：一个简洁优雅的hexo主题
02-04
使用yilia主题可以快速迁移到yilia-plus 欢迎使用和Star支持，如使用过程中碰到问题，可以提出问题，我会尽力完善 同时也欢迎相同爱好者加入一起维护此项目 关于主题在原基础上做了以下功能升级 手机端头像添加主页...
Hexo yilia 主题一揽子使用方案
YunShell
04-07 2万+
在用 Hexo 搭建完毕后，接着就寻找主题了，对比了几个主题 ，发现这个yilia 主题比较干净，简洁，于是就选了这个主题，但是有些细节不太习惯，于是就研究调整了一下，就是现在这个博客的样子。 查看所有文件，提示缺失模块 yilia 在首次使用时，点击所有文章 时，会出现模块找不到的错误，可按照提示操作即可 注意一下，_config.yml 路径是指 根目录下的，而非 yilia 主题...
hexo主题yilia个性化（一言，左侧栏自定义，图片自定义...）
Huamang的博客
12-09 1437
hexo主题yilia个性化 展开全文的美化 在md文件中加这个标签会有两个跑出来，我觉得很不美观 所以找了另一个办法 在yilia的_config.yml中把这个more改成空格就行了 为博客网站更换logo 1.将图片放在yilia的img文件夹里 2.在yilia的config文件里把路径加上 展开全文的使用 1、node.js版本必须6.2以上 2、在hexo根目录下执行命令：npm i hexo-generator-json-content --save 3.在根目录下的config里
yilia头像/图标设置
dta0502的博客
11-23 6579
存放位置 头像/图标图片的存放位置是/themes/yilia/source/下任意位置，可以自己新建一个文件夹存放，我存放在assert文件夹下。 配置设置 配置文件为/themes/yilia/_config.yml。设置头像为配置文件中avatar一项，设置图标为配置文件中favicon一项，设置路径的根目录为/themes/yilia/source/。例如，我的头像存放的地址是/theme...
hexo+yilia添加背景特效
荷塘月色
11-13 5737
添加多种页面背景特效，需要注意的是：添加背景特效是很消耗浏览器内容的，建议只选择其中的一两个。
给hexo个人博客 next主题添加背景图片
热门推荐
W_C__L的博客
05-11 3万+
前几天没事自己通过hexo加github搭建了一个自己的个人博客，用的是next主题，发现挺好用，捣鼓了半天终于把全部全部配置完了，但是想改给自己的博客添加一张背景图片，在网上找了很久没找到相关的资料，就自己开始捣鼓，下面将修改方案贴出来。 首先找到一个背景图片放到 hexo（hexo工程文件）-> themes -> next -> source -> images 的路径下； hexo（hexo
hexo下yilia主题博客个性化自定义
weixin_45951701的博客
07-16 868
我的博客采用的hexo下的yilia主题，这篇文章记录一下自己折腾配置博客的方法和经过。 首先是创建博客的基本的几个命令 hexo g # 生成博客网页文件 hexo s # 本地预览博客，打开本地网址http://localhost:4000/进行预览 hexo d # 上传网页文件到github hexo new post "Article Title" # 新建一篇博客 hexo cl && hexo g &&　hexo s # 一步实现清除重构本地预览 yilia
hexo yilia主题添加隐藏左边栏目按钮
锦瑟年华,逐梦之人
08-07 670
注：该篇文章已与我的个人博客同步更新。欢迎移步https://cqh-i.github.io/体验更好的阅读效果。 折腾了一个下午,终于把隐藏左边侧边栏目的效果实现了. 实现了点击按钮隐藏侧边栏, 查找和修改源码实在是太麻烦了. 制作按钮样式 先找一款你喜欢的CSS菜单按钮切换,或者自己实现一个,我在网上找到一款比较简单的样式,稍微做了下修改. .mymenucontainer { dis...
hexo yilia个性化样式设置
捡起一束光的博客
09-26 3326
文章目录1.主题样式定制2.文章标题样式更改3.在关于我页面添加每日一言功能4.删除博客底部HexoThemeYiliaByLitten5.文章过长，设置部分显示6.删除标签 1.主题样式定制 ​在yilia的根目录…\themes\yilia下的_config.yml找到如下配置： # 样式定制 style: # 头像上面的背景颜色'url(https://i.loli.net/2019...
"Hexo Yilia主题建立个性化博客：优化方案分享
Hexo yilia是一款受欢迎的博客主题，提供了丰富的功能和美观的界面，使得建立一个个性化的博客变得轻而易举。本文将介绍如何使用Hexo yilia建立一个自己的博客，并且分享一个优化方案的详细步骤。 首先，要建立一个...
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值