文章列表配置

post

文章列表配置。

config.mts

import{defineTeekConfig } from"vitepress-theme-teek/config";constteekConfig=defineTeekConfig({post:{postStyle:"list",excerptPosition:"top",showMore:true,moreLabel:"阅读全文 >",coverImgMode:"default",showCapture:false,},});

index.md

---tk:post:postStyle:listexcerptPosition:topshowMore:truemoreLabel:"阅读全文 >"coverImgMode:defaultshowCapture:false---

更多配置项

importtype{TitleTagProps } from"vitepress-theme-teek";interfacePost{postStyle?:"list"|"card";excerptPosition?:"top"|"bottom";showMore?:boolean;moreLabel?:string;emptyLabel?:string;coverImgMode?:"default"|"full";showCapture?:boolean;splitSeparator?:boolean;transition?:boolean;transitionName?:string;listStyleTitleTagPosition?:TitleTagProps["position"];cardStyleTitleTagPosition?:TitleTagProps["position"];defaultCoverImg?:string[];}

v1.1.5您可以通过 postStyle配置项来设置文章列表的风格：

• 当 postStyle为 list时，文章列表为列表风格
• 当 postStyle为 card时，文章列表为卡片风格，且 excerptPosition、showMore、moreLabel、coverImgMode配置项失效

page

首页 Post 文章列表的分页配置，完全是 ElPagination的 props。

config.mts

import{defineTeekConfig } from"vitepress-theme-teek/config";constteekConfig=defineTeekConfig({page:{pageSize:20,},});

index.md

---tk:page:pageSize:20---

更多配置项

importtype{IconProps } from"vitepress-theme-teek";interfaceTeekConfig{page?:{total?:number;pageCount?:number;pagerCount?:number;layout?:string;prevText?:string;prevIcon?:IconProps["icon"];nextText?:string;nextIcon?:IconProps["icon"];size?:Size;background?:boolean;disabled?:boolean;hideOnSinglePage?:boolean;};}