Hexo | yilia主题安装

最新推荐文章于 2022-11-20 15:17:37 发布
最新推荐文章于 2022-11-20 15:17:37 发布
阅读量457 收藏 1
点赞数
分类专栏： # 小工具 文章标签： hexo-yilia hexo主题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34170700/article/details/102751477
版权
本文详细介绍了如何安装和配置Hexo的yilia主题，包括下载主题资源、修改根目录的_config.yml文件、配置图片资源以及解决可能出现的问题。后续还将探讨如何添加字数统计、评论功能和背景音乐等主题扩展。
摘要由CSDN通过智能技术生成

1.下载主题资源

$git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

2.根目录的_config.yml文件进行配置

#更改你的名称
title: 没鱼的刺
subtitle: 行始于言
author: 没鱼的刺
language: zh-CN
#更改主题名称
theme: yilia

3.配置图片资源

  • 添加图片资源文件夹。 路径为 themes/yilia/source/下，可添加一个 assets文件夹，里面存放图片资源即可，配置文件中直接引用即可。
  • 在路径 themes/yilia/_config.yml下配置：
# SubNav
subnav:
  github: "https://github.com/BigTigerTeeth/"

#你的头像url
avatar: /assets/img/Wechat.jpeg

遇到问题的解决

  1. 这个页面显示有问题
    在这里插入图片描述
  • 根目录执行命令npm i hexo-generator-json-content --save
  • 对根目录的_config.yml文件进行配置

                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  大虎牙
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
Hexo博客搭建以及主题使用

				
			

			

				

					dusign
				

				

					11-02
					
					2106
					
				

			

		

		

			
				
Hexo博客搭建以及主题使用hexo-theme-snailFeaturesQuick StartInstall HexoSetup your blogInstallation ThemeSet ThemeStart the ServerConfigurationSiteSite SettingsSNS SettingsSidebar SettingsThemeDeploymentCommentT...

			
		

	



                

              
                



	

		

			

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

				
			

			

				

					08-09
				

			

		

		

			
				
Yilia 是为 hexo 2.4 制作的主题。 崇尚简约优雅，以及极致的性能

			
		

	



                


  
              

                


	

		

			

				
					
Hexo个人博客之yilia主题的安装和配置

				
			

			

				

					weixin_43864927的博客
				

				

					06-26
					
					726
					
				

			

		

		

			
				
前言，本篇文章讲述的是yilia主题的安装与配置，关于hexo的安装及github部署可以去看我的上一篇文章
Hexo yilia主题搭建自己的github个人博客（一）

1.yilia主题的安装（在文件夹目录下使用git bash）
 git clone http://github.com/litten/hexo-theme-yilia.git  themes/yilia



2.打开D:\blog_hexo\_config.yml修改主题

更改后

重新运行hexo s -g 命令，查看本地效果.

			
		

	





	

		

			

				
					
hexo 配置yilia主题

				
			

			

				

					枫之木落的博客
				

				

					12-08
					
					4079
					
				

			

		

		

			
				
又异常不能发布了，我的个人博客： 
http://www.lookk.cn/2017/12/08/hexo-%E9%85%8D%E7%BD%AEyilia%E4%B8%BB%E9%A2%98/

			
		

	



		

			
		



	

		

			

				
					
使用hexo+yilia+github搭建个人博客

				
			

			

				

					zxlvxj的专栏
				

				

					08-30
					
					5647
					
				

			

		

		

			
				
经过几天的折腾，终于配成功了，现记录如下，本人是在win7上搭建个人博客的。 
 
直奔主题，搭建个人博客主要分为以下几步: 
* 本地环境搭建(win7) 
* 安装hexo 
* 主题切换 
* SSH配置 
* 域名配置 
* 鸣谢没错就这上面几步，就能使我们拥有自己的博客网站，帅不帅？酷不酷？0x01 本地环境搭建(win7)
git安装(因为hexo发布是使用git发布的)
安Node.j

			
		

	





	

		

			

				
					
Hexo个人博客搭建(Yilia主题)

				
			

			

				

					康__的博客
				

				

					11-16
					
					677
					
				

			

		

		

			
				
Hexo个人博客搭建(Yilia主题)
一、安装Hexo
  $ npm install -g hexo-cli

二、安装 Git
 $ sudo apt-get install git-core

三、安装 Node.js
 $ curl https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh
 $wget -qO- htt...

			
		

	





	

		

			

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

				
			

			

				

					07-06
				

			

		

		

			
				
【标题】"hexo-theme-yilia" 是一个基于 "Litten" 优化的 Hexo 博客主题，名为 "yilia"。这个主题是专门为 Hexo 框架设计的，旨在提供美观、个性化的博客展示效果。  【描述】Hexo 是一个流行的静态站点生成器，它...

			
		

	





	

		

			

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

				
			

			

				

					04-05
				

			

		

		

			
				
【Hexo + Yilia 主题】是用于快速搭建个人博客的一种解决方案。Hexo 是一个基于 Node.js 的静态站点生成器，它能够将内容转化为静态页面，便于发布在各种托管服务上，如 GitHub Pages。Yilia 是 Hexo 的一个美观、...

			
		

	





	

		

			

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

				
			

			

				

					02-04
				

			

		

		

			
				
hexo-theme-yilia-plus 此项目是根据主题做了一些优化和放置，写这个项目的初衷就是深入学习Hexo 。使用yilia主题可以快速迁移到yilia-plus 欢迎使用和Star支持，如使用过程中碰到问题，可以提出问题，我会尽力完善 ...

			
		

	





	

		

			

				
					
aikq-blog-source:基于Hexo + Yilia构建博客原始码，博客地址->

				
			

			

				

					03-23
				

			

		

		

			
				
【标题】"基于Hexo + Yilia构建博客原始码"是一个关于个人博客搭建的主题，它涉及到的主要技术是静态网站生成器Hexo以及Hexo的一款主题Yilia。Hexo是一款广泛使用的开源工具，它允许用户通过Markdown等简洁的文本...

			
		

	





	

		

			

				
					
【超详细】Hexo博客如何远程部署到GitHub及使用yilia主题

				
			

			

				

					Colin&Code的博客
				

				

					10-19
					
					469
					
				

			

		

		

			
				
前言
如何安装Hexo博客与本地配置？请浏览：Hexo博客的安装与本地配置—hexo 或 【超详细】Hexo博客的安装与本地配置—CSDN 如果未完成前面文章的内容，将无法正确的将Hexo博客远程部署到GitHub上。

登陆GitHub主页


步骤1：
如图所示，有 Sign up（注册） 和 Sign in（登陆），根据个人情况进入。

点击  New repository  来创建 新仓库...

			
		

	





	

		

			

				
					
hexo+yilia主题添加评论

				
			

			

				

					RuiDer的博客
				

				

					06-11
					
					3643
					
				

			

		

		

			
				
hexo+yilia主题添加评论


  因为热爱，所以拼搏。        –RuiDer




回顾hexo+yilia主题添加访问量


  上一篇文章介绍了hexo+yilia主题添加访问量，如果需要点击hexo+yilia主题添加访问量




常见的评论系统


畅言(搜狐的评论系统,很强大,但需要有备案号) 
友言(不需要备案号,功能也比较强大) 
多说(功能强大，但是已经停止服务...

			
		

	





	

		

			

				
					
Hexo主题hexo-theme-yilia-plus配置流程

					
最新发布

				
			

			

				

					一只快乐的小蒟蒻~
				

				

					11-20
					
					502
					
				

			

		

		

			
				
Hexo主题hexo-theme-yilia-plus配置流程。

			
		

	





	

		

			

				
					
Yilia个性设置

					
热门推荐

				
			

			

				

					qq_37513473的博客
				

				

					03-17
					
					2万+
					
				

			

		

		

			
				
这段时间一直在构建自己的个人博客，如想参观，请移步[我的博客](https://lijinhongpassion.github.io)，以下内容是我在yilia主题的基础上修改的样式，这里分享出来供大家参考。





####1、yilia更改头部图片

​ 在yilia的根目录下，我这里是E:\my_personnel_blog_hexo\themes\yilia下的_co...

			
		

	





	

		

			

				
					
Hexo yilia 主题一揽子使用方案

				
			

			

				

					YunShell
				

				

					04-07
					
					2万+
					
				

			

		

		

			
				
在用 Hexo 搭建完毕后，接着就寻找主题了，对比了几个主题 ，发现这个yilia  主题比较干净，简洁，于是就选了这个主题，但是有些细节不太习惯，于是就研究调整了一下，就是现在这个博客的样子。



查看所有文件，提示缺失模块

yilia 在首次使用时，点击所有文章 时，会出现模块找不到的错误，可按照提示操作即可 
注意一下，_config.yml 路径是指 根目录下的，而非 yilia 主题...

			
		

	





	

		

			

				
					
yilia主题的安装和简单配置

				
			

			

				

					light_fisher的博客
				

				

					12-20
					
					3087
					
				

			

		

		

			
				
Hexo+github搭建个人博客
头像的设置和 yilia 主题的安装和简单配置


今天就来写写如何让你的博客更像一个博客

1.安装主题
第一步当然是安装主题啦，相信在官方文档中也有详细的记录，我就简单总结下：

在你的博客下输入以下代码进行安装

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia


...

			
		

	





	

		

			

				
					
hexo-theme-yilia使用遇到的问题

				
			

			

				

					weixin_30687587的博客
				

				

					01-24
					
					528
					
				

			

		

		

			
				
该项目的github地址：https://github.com/litten/hexo-theme-yilia
  ...

			
		

	





	

		

			

				
					
hexo下yilia主题博客个性化自定义

				
			

			

				

					weixin_45951701的博客
				

				

					07-16
					
					867
					
				

			

		

		

			
				
我的博客采用的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主题启用及相关设置

				
			

			

				

					weixin_30344131的博客
				

				

					07-19
					
					655
					
				

			

		

		

			
				
yilia主题作者已经不维护了，还有好多坑没有填完，在此记录一下
主题地址：https://github.com/litten/hexo-theme-yilia

主题下载并启用
进入命令行，下载yilia主题，输入：
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
修改站点配置文件 _config.ym...

			
		

	





	

		

			

				
					
"Hexo Yilia主题建立个性化博客：优化方案分享

				
			

			

				

					
				

			

		

		

			
				
首先，要建立一个自己的博客，你需要安装Hexo和yilia主题。Hexo是一个基于Node.js的静态博客生成器，可以快速地生成静态页面，而yilia则是一个受欢迎的Hexo主题，提供了响应式设计和丰富的特性。你可以在Hexo的官方...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值