Vuepress -如何获取处理后的图像文件名

const fs = require('fs');
const path = require('path');

module.exports = {
  plugins: [
    ['@vuepress/register-components', {
      componentsDir: './components'
    }],
    ['@vuepress/active-header-links', {
      sidebarLinkSelector: '.sidebar-link',
      headerAnchorSelector: '.header-anchor'
    }],
    // 引入自定义插件
    require('./plugins/image-plugin.js')
  ]
}

module.exports = (options, ctx) => ({
  name: 'image-plugin',
  extendPageData($page) {
    // 获取当前页面的路径
    const filePath = $page._filePath;
    // 获取当前页面的文件名
    const fileName = path.basename(filePath);
    // 处理文件名，例如去除扩展名
    const processedFileName = fileName.replace('.jpg', '');
    // 将处理后的文件名存储到$page对象中，以便在页面中使用
    $page.processedFileName = processedFileName;
  }
});

---
title: My Page
---

# 图像文件名

当前页面的图像文件名为：{{ $page.processedFileName }}