1. 自定义CSS

自定义CSS教程

在路径BlogRoot\source\css下添加文件post.css

2. 教程

2.1 标题居中

1
2
3
4
/* 标题居中 */
#post-info {
  text-align: center;
}

参考链接

🪧引用站外地址，不保证站点的可用性和安全性！
【butterfly教程】更改文章页的文章相关信息布局
梦如烟的博客

2.2 字体大小

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/* 各级标题大小 */
#article-container > h2 {
  font-size: 40px;
}
#article-container > h3 {
  font-size: 30px;
}
#article-container > h4 {
  font-size: 20px;
}
#article-container > h5 {
  font-size: 15px;
}
/* 目录字体 */
#card-toc>.toc-content{
  font-size: 20px;
}

2.3 顶部图模糊

1
2
3
4
5
/* 顶部图模糊 */
#page-header.post-bg::before{
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

3. 持续更新…