项目结构
sh
blog/
├── .vitepress/ # 用于配置 VitePress
│ └── config.ts # VitePress 配置文件(示例)
├── posts/ # 存放文章
│ ├── example.md # 示例文章文件
│ └── another.md # 另一个示例文章文件
├── pages/ # 用于设置博客结构
│ ├── archives.md # 归档页面
│ ├── category.md # 分类页面
│ └── tags.md # 标签页面
├── public/ # 存放静态资源
│ ├── icon.png # 示例图标
│ └── other-resource.jpg # 示例资源
└── .gitignore # 忽略规则配置文件
pages
设置博客布局结构
pages
文件夹下创建 archives.md
category.md
tags.md
md
---
layout: doc
title: 归档
description: Archive
aside: false
lastUpdated: false
editLink: false
---
<Archives/>
md
---
layout: doc
title: 分类
description: Category
aside: false
lastUpdated: false
editLink: false
---
<Category/>
md
---
layout: doc
title: 标签
description: Tags
aside: false
lastUpdated: false
editLink: false
---
<ClientOnly>
<Tags/>
</ClientOnly>
posts
该目录用于存放文章 目录下的md
后缀文件将识别为文章
public
放置在 public
中的资源将按原样复制到输出目录的根目录中。
请注意,应使用根绝对路径来引用放置在 public
中的文件——例如,public/icon.png
应始终在源代码中使用 /icon.png
引用。
具体请查看 vitepress