pnpm 推荐npmyarn
sh
pnpm i vitepress-plugin-auto-frontmattersh
npm install vitepress-plugin-auto-frontmattersh
yarn add vitepress-plugin-auto-frontmatter在 vitepress/config.ts 中配置插件
提示
壁纸获取列表请参考Wallpaper。 图片路径可以是本地（例如/img/bg/1.png），也可以是在线 url(将封面壁纸上传到自己图床后，把多个壁纸 url 写到一个列表里)。然后随机自动注入到 Markdown 文章或者新创建的 Markdown 文章
ts
import { Wallpaper } from "./ConfigHyde/Wallaper"; // 导入Wallaper模块
const CoverImgList = Wallpaper; // 获取壁纸列表
const teekConfig = defineTeekConfig({
vitePlugins: {
autoFrontmatterOption: {
exclude: { title: true, date: true }, // 排除自动生成字段
transform: (frontmatter) => {
// 如果文件本身存在了 coverImg，则不生成
if (frontmatter.coverImg) return; // 随机获取 coverImg
const list = CoverImgList;
const coverImg = list[Math.floor(Math.random() * list.length)];
const transformResult = { ...frontmatter, coverImg };
return Object.keys(transformResult).length
? transformResult
: undefined;
},
},
},
});插件默认忽略 frontmatter 中 layout: home 和["node_modules", "dist"]目录下的文件，且只扫描 Markdown 文档。
插件默认给 Markdown 文件生成 title 和 date 两个属性，其中 title 为文件名（支持带序号的文件名，如 01.xx.md），date 为文件的创建日期。
md
---
title: 文件名
date: yyyy-MM-dd hh:mm:ss
---如果壁纸 url 地址更换了，那么 Markdown 文章之前自动注入的封面图片 url 地址还是之前的,这时候需要批量先删除 coverImg 信息，再重新生成 coverImg 信息,这里可以利用 Vscode 的搜索正则表达式来批量替换为空
sh
coverImg:\s*/home/[^,]*正则表达式含义说明：
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。