Yilia主题配置

最新推荐文章于 2021-06-26 22:49:56 发布

weixin_45756408

最新推荐文章于 2021-06-26 22:49:56 发布

阅读量302

点赞数

本文链接：https://blog.csdn.net/weixin_45756408/article/details/108950852

版权

本文介绍了如何为个人博客Yilia主题进行详细配置，包括文章标题样式调整、音乐插入、头像显示、QQ加好友链接、Valine评论的添加，以及Markdown中的图片插入。适合想要定制Hexo博客的读者参考。

摘要由CSDN通过智能技术生成

title: Yilia主题配置
date: 2020-10-06 16:32:31
tags:

Blog

1.文章截取

<!-- more -->

2.引入音乐

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=29097535&auto=1&height=66"></iframe>

3.头像

avatar: /img/avatar.jpg
favicon: /img/avatar.jpg  (头部图片)

4.QQ加好友链接

subnav:
	qq: http://wpa.qq.com/msgrd?v=3&uin=YourqqNumber&site=qq&menu=yes

5.修改文章标题样式

//地址1 E:\my_personnel_blog_hexo\themes\yilia\source-src\css\article.scss
//添加如下样式：
.article-title_code_ant {
  color: black;
  margin-left: 0px;
  font-weight: 300;
  line-height: 35px;
  margin-bottom: 20px;
  font-size: 32px;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  &:hover{
    color: #B0A0AA;
  }
}

//地址2 E:\my_personnel_blog_hexo\themes\yilia\layout\_partial\article.ejs
<%# 注释掉-partial('post/title', {class_name: 'article-title'}) %>
<%# 修改模板 %>
<center><p><%- partial('post/title', {class_name: 'article-title_code_ant'}) %></p></center>

//异常处理
地址： E:\my_personnel_blog_hexo\themes\yilia\source\main.0cf68a.css
//添加
.article-inner h1.article-title_code_ant, .article-title_code_ant {
	color: #000000;
	margin-left: 0;
	font-weight: 300;
	line-height: 35px;
	margin-bottom: 20px;
	font-size: 32px;
	transition: color .3s
}

6.添加valine评论

https://blog.csdn.net/qq_43827595/article/details/101450966

7.Markdown中插入图片

https://github.com/liachang/liachang.github.io/raw/master/img/title_change.png

raw