轻笑Chuckle
外观

系列 · Butterfly 改造 Hexo

归档、分类、标签页文章卡片加上所属分类和标签

给归档、分类、标签页文章卡片的标题下方加上所属分类和标签

1 分钟 143 字 次浏览 条评论 更新于 2022年8月25日

文章目录

跳到感兴趣的小节

共 2 节 当前章节会自动高亮
  1. 前言
  2. 实现

前言

  如图,上面修改前,下面修改后。

实现

  修改\themes\butterfly\layout\includes\mixins\article-sort.pug

.article-sort-item-info
.article-sort-item-time
time.post-meta-date-created(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date))= date(article.date, config.date_format)
a.article-sort-item-title(href=url_for(article.path) title=title)= title
+ .article-meta-wrap
+ if (theme.post_meta.page.categories && article.categories.data.length > 0)
+ span.article-sort-item-categories
+ i.iconfont.icon-fenlei//- 记得改成自己的图标
+ each item, index in article.categories.data
+ a(href=url_for(item.path)).article-meta__categories #[=item.name]
+ if (index < article.categories.data.length - 1)
+ i.fas.fa-angle-right
+ if (theme.post_meta.page.tags && article.tags.data.length > 0)
+ span.article-sort-item-tags
+ i.iconfont.icon-biaoqian//- 记得改成自己的图标
+ each item, index in article.tags.data
+ a(href=url_for(item.path)).article-meta__tags #[=item.name]
+ if (index < article.tags.data.length - 1)
+ span.article-meta__link #[='•']
+ .article-sort-item-time
+ time.post-meta-date-created(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date))= date(article.date, config.date_format)

  增加css:根据自己的实际样式情况进行微调,没有通用css。

评论

快速前往