yilia头像/图标设置

最新推荐文章于 2021-07-21 09:32:32 发布
最新推荐文章于 2021-07-21 09:32:32 发布
阅读量6.6k 收藏 8
点赞数 4
分类专栏： Hexo 文章标签： hexo yilia
本文介绍如何在Hexo博客系统的Yilia主题中配置头像和图标。头像与图标文件应放置于/themes/yilia/source/目录下的自定义文件夹内，如assets。配置文件位于/themes/yilia/_config.yml，分别通过avatar和favicon项设置路径。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

存放位置

头像/图标图片的存放位置是/themes/yilia/source/下任意位置，可以自己新建一个文件夹存放，我存放在assets文件夹下。

配置设置

配置文件为/themes/yilia/_config.yml。设置头像为配置文件中avatar一项，设置图标为配置文件中favicon一项，设置路径的根目录为/themes/yilia/source/。例如，我的头像存放的地址是/themes/yilia/source/assets/me.png，设置则为avatar: /assets/me.png。（图标同理）

Hexo-yilia个人博客配置
qq_44777549的博客
11-03 743
前言 刚接触搭Hexo是在Crossin的编程教室的建免费博客 接触的hexo 主题也是yilia。并且很喜欢这个主题。经过多方收集整理的hexo yilia配置，仅供参考 查看所有文件，提示缺失模块 # 缺少模块。 # 1、请确保node版本大于6.2 # 2、在博客根目录（注意不是yilia根目录）执行以下命令: npm i hexo-generator-json-content --sa...
Hexo-Yilia进阶笔记
dta0502的博客
04-27 5842
详细版本见我的个人博客：Hexo-Yilia进阶笔记 一、GitHub下载Yilia主题 $ cd /d/document/GitHub/hexo/ $ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia 也可以直接去GitHub上下载zip文件，然后解压放在theme文件夹下面。 二、分类的构建 1、添加c...
Yilia个性设置
热门推荐
qq_37513473的博客
03-17 2万+
这段时间一直在构建自己的个人博客，如想参观，请移步[我的博客](https://lijinhongpassion.github.io)，以下内容是我在yilia主题的基础上修改的样式，这里分享出来供大家参考。 ####1、yilia更改头部图片 ​ 在yilia的根目录下，我这里是E:\my_personnel_blog_hexo\themes\yilia下的_co...
hexo博客之yilia主题的个性化设置
Suryxin's blogs
07-21 1110
本文主要教友友们如何个性化设置Yilia主题，主要针对我这样没学过网页设计但又想美化自己的博客的小白，俗称又菜又爱玩（bushi 设置头像 首先，将头像照片放进yilia/source/img目录下，改一个自己喜欢的名字，然后去yilia目录下的_config.yml文件中对应处设置如下: #你的头像url avatar: /img/头像.png 这个头像.png就是你照片的名字 所有文章 初次点击所有文章时会出现模块缺失，在博客根目录下执行命令： npm i hexo-generator-json-c
【Hexo搭建个人博客】：yilia主题配置(二) - 背景图片
Alfred的博客
03-10 3811
本文主要讲述 Hexo-yilia 主题中，关于背景和图片的相关配置。与前面一样，使用主题： hexo-theme-yilia-plus 1.头像与网站图标 1.1.添加头像和网站图标 打开主题配置文件 _config.yml, 添加： # 网站图标 favicon: /img/favicon.ico # 你的头像url avatar: /images/avatar.jpg 头像地址可以分两...
hexo yilia主题鼠标覆盖头像动态效果
捡起一束光的博客
09-26 1112
鼠标覆盖头像动态效果 在路径themes\yilia\source文件夹下 增加css文件txbh.css用来设置头像变换的样式,可以在这里面找，我用的是jello，如果想用别的可以替换jello字段。代码如下： .left-col #header .profilepic img:hover { -webkit-animation: jello 1s; animation: j...
微信小程序——瘦金社区
计科杨乐逸
02-28 1261
瘦金社区小程序： 前段时间跟着讲解视频做了一个微信小程序，在此做一些记录。 虽然最终因为功能定位的原因导致无法上线，最终在新浪云的云应用也删除了。只能做到开发版这一版本，但是在这一过程中学到了很多知识，培养了一些编程的好习惯。整体还是有一些提升的。 ...
hexo-theme-yilia-plus：一个简洁优雅的hexo主题
02-04
手机端头像添加主页重置链接 集成不蒜子访问量统计功能 网易云音乐插件 页面点击小红心效果 增加了多个SubNav导航图标展示 添加GitHub Ribbons（请分叉给我） 页脚Litten自定义（弃用） 添加版权声明 添加百度站长...
生鲜配送平台源码java-yilia-plus:一个简洁优雅的hexo主题Asimpleandelegantthemeforhexo
06-07
手机端头像添加主页跳转链接 集成不蒜子访问量统计功能 网易云音乐插件 页面点击小红心效果 增加了多个SubNav导航图标展示 添加GitHub Ribbons(Fork me) 页脚 Litten自定义(弃用) 添加版权声明 添加百度站长平台主动...
Hexo主题Yilia-Plus：优雅与实用的优化升级
- 增加了多个SubNav导航图标展示：提供了更多导航图标的选择，丰富了导航栏的内容。 - 添加GitHub Ribbons：这是一种在网页上展示GitHub仓库分叉信息的装饰性元素，鼓励用户对项目进行分叉。 - 页脚Litten自定义：...
Hexo+Yilia搭建github Pages个人博客
KateCateCake的博客
12-04 2983
作为一个前端攻城狮，总有一个博客梦，想做一个好看的，有特色的博客，又不想从头开始造轮子，偶然的一天看到了别人用github pages搭的个人博客页，十分简洁大气，遂问了搭建方法，自己开始尝试，中途踩了不少的坑，花了半天的时间，看了这篇博客的亲们，肯定不会超过一个小时。
yilia主题的安装和简单配置
light_fisher的博客
12-20 3153
Hexo+github搭建个人博客 头像的设置和 yilia 主题的安装和简单配置 今天就来写写如何让你的博客更像一个博客 1.安装主题 第一步当然是安装主题啦，相信在官方文档中也有详细的记录，我就简单总结下： 在你的博客下输入以下代码进行安装 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia ...
Hexo yilia 主题一揽子使用方案
YunShell
04-07 2万+
在用 Hexo 搭建完毕后，接着就寻找主题了，对比了几个主题 ，发现这个yilia 主题比较干净，简洁，于是就选了这个主题，但是有些细节不太习惯，于是就研究调整了一下，就是现在这个博客的样子。 查看所有文件，提示缺失模块 yilia 在首次使用时，点击所有文章 时，会出现模块找不到的错误，可按照提示操作即可 注意一下，_config.yml 路径是指 根目录下的，而非 yilia 主题...
Hexo+Yilia 所遇问题解决方法汇总
Dora之城
08-26 1697
gitalk评论部署 我用的是gitalk评论 这里花费的时间最久，在issues里找了很久，终于在Ziven找到对应的 #6、gitalk评论 gitalk: enable: true githubID: liheyuting repo: liheyuting.github.io （填写repo的名字） ClientID: '' ClientSecret: ...
hexo设置网站的图标Favicon
Veilhry
02-07 868
主题配置文件中favicon字段为图标 类似于头像设置修改为自己需要的路径 直接使用.svg格式的矢量图即可 推荐一些实用图标网站 Icons8 网址： https://icons8.com/icons 免费下载 PNG 和 SVG 格式图标的网站 Fontello 网址: http://fontello.com/ 支持图标生成，以及图标下载 Iconstore 网址： https://iconstore.co/ 由一些设计师提供的免费图标资源库 Flat Icon Design 网址: http://fl
hexo-theme-yilia使用遇到的问题
weixin_30687587的博客
01-24 556
该项目的github地址：https://github.com/litten/hexo-theme-yilia ...
Hexo站点建设之——修改网站图标
我的博客
12-03 4523
一 概述 自建站点为何显示的是主题图标 如何查找网站图标 如何修改网站图标 二 自建站点为何显示的是主题图标 使用hexo搭建好的站点，网站的图标默认显示的是，右键检查，网站源码—>Elements标签下—>head，可以看到Hexo next主题默认的网页图标使用的是hexo-theme-next/source/images/favicon-next 三 如何查找网站图标 从下列站点下载免费图标，并修改名字为favicon对应的名字 阿里巴巴矢量图标库 easyicon 四 如何
Hexo博客网站再配置
weixin_33971977的博客
09-04 260
这两天整理网站方面的事，本地IIS部署，个人网站，发现我的hexo做的个人网站实在很单调，于是找来资料做进一步的配置。 一、网站图标 看一下hexo\themes\modernist\layout\_partial\head.ejs，找到这句： <link rel="icon" type="image/x-icon" href="<%- config.roo...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值