1. 效果预览

进入首页查看即可：https://dasi.net.cn/

2. 教程

自定义CSS教程

在路径BlogRoot\source\css下添加文件homeArticle.css，并增加以下内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/* 默认 */
#recent-posts>.recent-post-item>.recent-post-info>.content {
  opacity: 0.9;
  line-height: 1.5;
  transition: all .2s;
}
/* 鼠标悬停 */
#recent-posts>.recent-post-item:hover .recent-post-info .content {
  
  opacity: 1; /* 透明度改变 */
  line-height: 2; /* 行高改变 */
  font-size: 120%; /* 字体大小改变 */
  transition: all .2s;
}
/* 标题大小 */
#recent-posts>.recent-post-item>.recent-post-info>.article-title {
  font-size: 30px
}