博客

pengzhanbo

572字约2分钟

2024-03-04

概述

主题默认启用 博客功能,通常您无需进行额外的配置。

主题默认会将 {sourceDir} 目录下的,除了一些特定的目录(如 notes 目录将作为笔记所在目录), 所有 md 文件作为博客文章。

同时,主题会生成一个 链接地址为 /blog/ 的 博客文章列表页。 展示所有的博客文章,以及 博主的相关信息。

国际化支持

如果启用了 国际化,那么博客列表页将会 根据 不同的语言,展示对应语言目录下的博客列表。 即 每个语言下的 文章列表 都是保持独立的。

博主信息

主题允许你展示博主的基本信息。

avatar

配置

你可以通过 avatar 属性来设置博主头像等相关信息。

.vuepress/config.ts
export default defineUserConfig({
  theme: plumeTheme({
    avatar: {
      url: '/blogger.png',
      name: 'Your name',
      description: 'Your description',
      circle: true, // 是否为圆形头像
    }
  })
})

文章元数据

你可以配置展示博客文章的元数据,如标题、作者、日期、标签等。这些数据通过 frontmatter 配置。

---
title: 文章标题
createTime: 2024/01/01 00:00:00
author: your name
tags:
  - tag1
  - tag2
---

其中,title / createTime / author 会在新建 md 文件时由主题自动填充,你可以随意修改它们。

以下是在 博客文章中可用的 frontmatter 属性。

属性类型默认值说明
titlestring默认自动填入文件名文章标题
createTimestring当前时间文章创建时间
authorstring默认自动填入 avatar.name文章作者
tagsstring[][]文章标签
stickyboolean | numberfalse是否置顶, 如果为数字,则数字越大,置顶越靠前
articlebooleantrue是否在列表页中显示

文章摘要

如果你想要为文章添加摘要,你可以使用 <!-- more --> 注释来标记它。任何在此注释之前的内容会被视为摘要。

标签页和归档页

主题除了自动生成 博客文章列表页 以外,还会自动生成 标签页归档页

标签页 可以根据 标签 筛选并展示 博客文章。

归档页根据文章的创建时间进行归档。