主题页面

blog

---
layout: blog
---

在md文档中将layout设置为blog，其效果为本博客的首页效果，有以下效果：

展示博客列表
作者信息（头像，名称，需要配置）
浏览量
分类
标签

该页面不会展示md文档其他内容

tag

---
layout: tag
---

在md文档中将layout设置为tag，其效果类似本博客的标签和分类效果，有以下效果：

标签列表
文章列表
点选某个标签筛选文章

filter

---
layout: filter
---

在md文档中将layout设置为filter，其效果为本博客的标签和分类效果，有以下效果：

分类列表
标签列表
文章列表
点选某个标签筛选文章

timeline

---
layout: timeline
---

在md文档中将layout设置为timeline，其效果为本博客的时间线效果，有以下效果：

按照时间排序的文章列表

doc

---
layout: doc
---

doc为vitepress默认主题中的配置，即显示文档时的默认选择，本主题扩充了该页面的参数,使用时设置为doc

type

---
layout: doc
type: widen // [!code ++]
---

如果type为widen,页面内容宽度更宽

导航页

导航页使用了组件web-list,其效果为本博客的导航页效果，以下是当前一个配置案例

---
layout: doc
type: widen
title: 导航
---
<script setup>
const list = [
  {
    title: "ruler",
    icon: "github",
    desc: "canvas绘制的标尺",
    link: "https://github.com/hahaxiaowai/ruler.git",
  },
  {
    title: "sdk-rollup-init",
    icon: "github",
    desc: "js库初始化框架，使用rollup打包",
    link: "https://github.com/hahaxiaowai/sdk-rollup-init",
  },
];
</script>
<web-list :list />

web-list 参数说明

参数名	说明
title	标题
icon	`github`,`demo`
desc	描述
link	链接

主题页面 ​

blog ​

category ​

tag ​

filter ​

timeline ​

doc ​

type ​

导航页 ​

web-list 参数说明 ​