原作者链接 byer's Blog

实现

我们先找到
themes\butterfly\layout\includes\mixins\post-ui.pug文件，在文件的约 21 行的位置添加如下内容

1
2
3
if article.cardtag
  .card-tag= article.cardtag  
if post_cover && theme.cover.index_enable

打开你的文章，添加 cardtag: 魔改

创建一个css，或者写入你自己的css中

1
2
3
4
5
6
7
8
9
10
11
12
/* 文章标签*/
#recent-posts .recent-post-item .card-tag {
  left: 0;
  border-bottom-right-radius: 12px;
  position: absolute;
  top: 0;
  padding: 3px 8px;
  background: linear-gradient(90deg,#e5b085,#d48f16);
  color: #fff;
  font-size: .85em;
  z-index: 1;
}

如果是新创建的css，记得引入到你的站点。