hexo主题yilia个性化（一言，左侧栏自定义，图片自定义...）

最新推荐文章于 2023-06-28 08:11:47 发布
最新推荐文章于 2023-06-28 08:11:47 发布
阅读量1.4k 收藏 6
点赞数 1
分类专栏： 笔记 文章标签： github git hexo css markdown
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51078229/article/details/110943313
版权

展开全文的美化

在这里插入图片描述
在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里加入


                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  huamanggg
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    6
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
                
  • 
                  
                    打赏
                    
                  
                  
    打赏
    
                
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  2
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

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

				
			

			

				

					本该如此
				

				

					11-03
					
					1753
					
				

			

		

		

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

修改主题配置
1、找到themes\yilia\目录下的_config.yml,修改配置：
header 这一项修改为 #00000

2、把你选好的背景图片放到themes\yilia\source目录下
图像推荐大小：700 x 1200,出来的效果比较好

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

			
		

	



                

              
                



	

		

			

				
					
hexo yilia个性化样式设置

				
			

			

				

					捡起一束光的博客
				

				

					09-26
					
					3321
					
				

			

		

		

			
				
文章目录1.主题样式定制2.文章标题样式更改3.在关于我页面添加每日一言功能4.删除博客底部HexoThemeYiliaByLitten5.文章过长，设置部分显示6.删除标签
1.主题样式定制
​在yilia的根目录…\themes\yilia下的_config.yml找到如下配置：

# 样式定制 
style:
  # 头像上面的背景颜色'url(https://i.loli.net/2019...

			
		

	



                


  
              

                


	

		

			

				
					
Hexo博客添加一言

				
			

			

				

					过客~励む
				

				

					02-12
					
					1558
					
				

			

		

		

			
				
说明

一言网创立于2016年，隶属于萌创Team，目前网站主要提供一句话服务。

动漫也好、小说也好、网络也好，不论在哪里，我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来，形成一言网络，以传递更多的感动。如果可以，我们希望我们没有停止服务的那一天。

简单来说，一言指的就是一句话，可以是动漫中的台词，也可以是网络上的各种小段子。 或是感动，或是开心，有或是单纯的回忆。来到这里，...

			
		

	





	

		

			

				
					
Hexo3.主题简单个性化设置-Hexo(yilia)+GitHub Pages搭建个人博客系列文章

				
			

			

				

					荷塘月色
				

				

					07-29
					
					727
					
				

			

		

		

			
				
简单介绍一些yilia主题的需要或者说可以自定义的内容，该部分内容主要参考`yilia`的制作者`litten`的博客的博客。可通过 `hexo s`本地发布，然后通过访问 <http://localhost:4000/>预览效果，进行个性化设置。

			
		

	



		

			
		



	

		

			

				
					
hexo+yilia添加隐藏左边栏目按钮

				
			

			

				

					荷塘月色
				

				

					11-13
					
					1033
					
				

			

		

		

			
				
点击按钮时，缩进左侧边栏，再次点击再弹出来。

			
		

	





	

		

			

				
					
Node.js-Yilia一个简洁优雅的hexo主题

				
			

			

				

					08-09
				

			

		

		

			
				
- **丰富配置**：提供多种自定义选项，如导航栏、社交链接、文章摘要等，满足个性化需求。 - **美观的排版**：对代码块、图片和引用等元素进行了精心设计，增强视觉效果。 - **SEO优化**：支持SEO相关的配置，如设置...

			
		

	





	

		

			

				
					
hexo+yilia建立一个自己的博客.docx

				
			

			

				

					04-05
				

			

		

		

			
				
hexo+yilia建立一个自己的博客

			
		

	





	

		

			

				
					
hexo-theme-yilia:Litten 优化的基于主题 yilia 的 hexo 主题 yilia

				
			

			

				

					07-06
				

			

		

		

			
				
7. **个性化设置**：除了默认样式，"hexo-theme-yilia" 往往还提供了一些自定义选项，如更改颜色方案、调整字体大小、添加个人头像等，让用户可以根据个人喜好进一步定制主题。  总之，"hexo-theme-yilia" 是一个...

			
		

	





	

		

			

				
					
用Hexo搭建个人博客共7页.pdf.zip

				
			

			

				

					10-31
				

			

		

		

			
				
5. **选择和安装主题**：列举一些流行的Hexo主题，演示如何安装和定制主题以满足个性化需求。  6. **部署博客**：说明如何将本地博客部署到GitHub Pages或其他托管服务，如Netlify或Vercel。  7. **插件和扩展**：...

			
		

	





	

		

			

				
					
Node.js-一个MaterialDesign风格的Hexo主题

				
			

			

				

					08-09
				

			

		

		

			
				
开发者可以利用Node.js的特性，结合Hexo的强大功能，对主题进行配置和扩展，实现个性化设置和功能增强。同时，"其它杂项"标签提醒我们关注Node.js开发中的各种辅助工具和技术，以提高项目的完整性和用户体验。

			
		

	





	

		

			

				
					
hexo-theme-yilia-plus：一个简洁优雅的hexo主题

				
			

			

				

					02-04
				

			

		

		

			
				
hexo-theme-yilia-plus
此项目是根据主题做了一些优化和放置，写这个项目的初衷就是深入学习Hexo 。使用yilia主题可以快速迁移到yilia-plus
欢迎使用和Star支持，如使用过程中碰到问题，可以提出问题，我会尽力完善
同时也欢迎相同爱好者加入一起维护此项目
关于主题在原基础上做了以下功能升级
手机端头像添加主页重置链接
集成不蒜子访问量统计功能
网易云音乐插件
页面点击小红心效果
增加了多个SubNav导航图标展示
添加GitHub Ribbons（请分叉给我）
页脚Litten自定义（弃用）
添加版权声明
添加百度站长平台主动推动
集成搅拌 :right_arrow:
 :right_arrow:
添加网

			
		

	





	

		

			

				
					
hexo 实现主页每日一言功能

				
			

			

				

					小枫的CSDN博客
				

				

					09-08
					
					2657
					
				

			

		

		

			
				
[API]今日诗词 - 每日一句，一款优质的一言API
每次返回一句诗词
根据时间、地点、天气、事件智能推荐
支持图片和 JSON 格式调用，一分钟快速部署

图片形式调用

调用地址为：https://v2.jinrishici.com/one.svg

如果需要自定义图片的文字的大小、间距、颜色，可以在图片地址后面加参数。
例如：

https://v2.jinrishici.com/one.svg?font-size=20&spacing=2&color=blue

文字形式调用
第一

			
		

	





	

		

			

				
					
hexo的yilia主题之添加在线聊天功能daovoice

				
			

			

				

					独孤&狼王的博客
				

				

					10-30
					
					954
					
				

			

		

		

			
				
1、进入daovoice官网注册（注册的时候可能会出现如果你用的QQ邮箱注册可能不会出现邀请码，我用的搜狐邮箱自动出现邀请码）
2、注册成功后进入控制台页面，点击【应用设置】-【安装到网站】，也可以在进入控制台页面后直接点击红色框内的【点击接入】，会出现如下界面

3、在yilia主题下的文件找到head.ejs文件，路径在yilia/layout/_partial/下并配置此文件，按照第二点出现...

			
		

	





	

		

			

				
					
在Hexo Next主题的页眉添加一言

				
			

			

				

					xin的博客
				

				

					02-14
					
					479
					
				

			

		

		

			
				
欢迎访问个人博客
在逛大佬们的博客时有时候看到会随机显示一句话，每次刷新也会改变，了解了下发现大部分用的是一言API，就也想在自己博客的标题下加一个

调用一言也不难，但是因为我对前端一点也不熟悉，导致搞了好长时间才使得显示效果合适
只需要在主题目录下的页眉文件中添加以下代码即可
<script>
  fetch('https://v1.hitokoto.cn/?c=a&c=b&c=c&c=d&c=h&c=l') # 这里的链接可以根据文档自定义
    

			
		

	





	

		

			

				
					
关于给hexo博客增加每日一言（诗句，影视名句，网易云热评等）

				
			

			

				

					itsNekoDeng的博客
				

				

					10-30
					
					2199
					
				

			

		

		

			
				
前言：看到很多个人博客都带有每日一言功能，所以决定也弄一个，挺好看的。基于matery主题设置的，其他主题原理也一样可参考。
每日一言API

一言网（hitokoto.cn）创立于 2016 年，隶属于萌创团队，目前网站主要提供一句话服务。
简单来说，一言指的就是一句话，可以是动漫中的台词，也可以是网络上的各种小段子。 或是感动，或是开心，有或是单纯的回忆。来到这里，留下你所喜欢的那一句句话，与大家分享，这就是一言存在的目的。–节选自一言网
详细介绍请转步：
一言网（hitokoto.cn）

封装一个获

			
		

	





	

		

			

				
					
#Hexo、Yilia主题：自定义 @FDDLC

				
			

			

				

					LiuXingchang的博客
				

				

					12-08
					
					233
					
				

			

		

		

			
				
一、Hexo如何更换主题：以换成Yilia主题为例

1、下载主题：litten/hexo-theme-yilia: 一个简洁，优雅的hexo主题 A simple and elegant theme for hexo. (github.com)

下载得到的文件夹可以重命名，比如我把把它重命名为：yilia



2、找到Hexo博客根目录下的themes文件夹，把yilia放到该目录下：





3、在配置文件中指定使用哪款主题：

找到Hexo博客根目录下的_config.yml：





...

			
		

	





	

		

			

				
					
Hexo中yilia主题使用问题总结

				
			

			

				

					qq_37939980的博客
				

				

					02-19
					
					2121
					
				

			

		

		

			
				
利用hexo搭建好博客后，就可以自己设置主题了。常用的主题里yilia算是比较美观简洁的。于是开始倒腾yilia。在网上也找到了许多相关的教程但是都不够集中，甚至有一些小问题（某个博主的教程甚至导致我的主题配置文件损坏~~~只好重新配置）。于是自己进行一下小总结。

附hexo配置文件说明文档
关于yilia主题下载问题，一般不会出错。速度慢是因为github上不去。

下载完成后，将博客文件夹下...

			
		

	





	

		

			

				
					
hexo-yilia的配置

				
			

			

				

					Justlovesmile的博客
				

				

					06-29
					
					695
					
				

			

		

		

			
				
文章目录获取Yilia主题添加新页面设置打赏点击所有文章提示缺失模块配置智能菜单设置主页展示截断添加live2d模型左侧导航栏设置背景图片最后给大家推荐几个博主
使用yilia这个主题时用到的一些设置

我的博客:https://justlovesmile.top
获取Yilia主题
$ cd /hexo
$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia


其中/languages存放语言包，/layout存放主

			
		

	





	

		

			

				
					
个人via浏览器主页配置（留档）

					
最新发布

				
			

			

				

					weixin_51982763的博客
				

				

					06-28
					
					7241
					
				

			

		

		

			
				
换了新手机后书签都没了，就没什么顾虑了，直接卸载某夸克浏览器换上了via，然后就沉默玩弄via无法自拔了。在酷安上看了许多大佬的配置，缝合了一个自己的主页设置。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 2

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
huamanggg

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值