mirror of
https://github.com/pengzhanbo/vuepress-theme-plume.git
synced 2026-04-23 10:58:13 +08:00
96 lines
1.5 KiB
Markdown
96 lines
1.5 KiB
Markdown
---
|
|
title: 博客文章
|
|
createTime: 2024/03/03 11:01:03
|
|
permalink: /config/frontmatter/article/
|
|
---
|
|
|
|
## 概述
|
|
|
|
适用于 博客类型的文章。
|
|
|
|
示例：
|
|
|
|
```md
|
|
---
|
|
title: 文章标题
|
|
tags:
|
|
- tag1
|
|
- tag2
|
|
---
|
|
```
|
|
|
|
## 配置
|
|
|
|
### sticky
|
|
|
|
- 类型： `boolean | number`
|
|
- 默认值： `false`
|
|
|
|
是否在文章列表中，置顶当前文章。
|
|
|
|
如果为 `number` ，则数字越大，文章置顶的位置越靠前。
|
|
|
|
### article
|
|
|
|
- 类型： `boolean`
|
|
- 默认值： `true`
|
|
|
|
是否在文章列表中显示当前文章。
|
|
|
|
### draft
|
|
|
|
- 类型： `boolean`
|
|
- 默认值： `false`
|
|
|
|
标记文章是否为草稿。被标记为草稿的文章，仅在 **开发环境时显示在文章列表中**，生产环境不会显示。
|
|
|
|
### tags
|
|
|
|
- 类型： `string[]`
|
|
- 默认值： `[]`
|
|
|
|
文章标签。
|
|
|
|
### cover
|
|
|
|
- 类型： `string`
|
|
- 默认值： `''`
|
|
|
|
文章封面图。 封面图仅显示在 文章列表页。
|
|
|
|
仅支持 绝对路径 以及 远程图片地址。
|
|
|
|
### coverStyle
|
|
|
|
- 类型： `BlogPostCoverStyle`
|
|
- 默认值: `null
|
|
|
|
封面图配置。
|
|
|
|
```ts
|
|
interface BlogPostCoverStyle {
|
|
/**
|
|
* 博客文章封面图的位置
|
|
*/
|
|
layout?: 'left' | 'right' | 'odd-left' | 'odd-right' | 'top'
|
|
/**
|
|
* 博客文章封面图的比例
|
|
*
|
|
* @default '4:3'
|
|
*/
|
|
ratio?: number | `${number}:${number}`
|
|
|
|
/**
|
|
* 封面图的宽度, 仅在 layout 为 'left' 或 'right' 时生效
|
|
*
|
|
* @default 240
|
|
*/
|
|
width?: number
|
|
/**
|
|
* 是否使用紧凑模式，紧凑模式下，封面图紧贴容器边缘
|
|
* @default false
|
|
*/
|
|
compact?: boolean
|
|
}
|
|
```
|