• @vuepress/plugin-last-updated
    • 使用
    • 选项
      • transformer

    @vuepress/plugin-last-updated

    last-updated 插件。

    如果你使用默认主题，你无需安装本插件，因为 VuePress 的 core 中已经包含此插件，同时，你应该直接使用 themeConfig.lastUpdated 选项。

    如果你在你的自定义主题中使用该插件，你将需要自己在主题中完成 lastUpdated 的 UI，你可以使用 $page.lastUpdated 去访问当前页面的时间字符串。

    使用

    1. module.exports = {
    2.   plugins: ['@vuepress/last-updated'] 
    3. }

    选项

    transformer

    • Type: (timestamp: number, lang: string) => string
    • 默认值: undefined默认情况下，本插件为每个页面生成一个 13 位的时间戳，你可以传入一个 transformer 将其转换为你想要的任何格式。

    例子：

    1. const moment = require('moment');
    3. module.exports = {
    4.   plugins: [
    5.     [ 
    6.       '@vuepress/last-updated',
    7.       {
    8.         transformer: (timestamp, lang) => {
    9.           // 不要忘了安装 moment
    10.           const moment = require('moment')
    11.           moment.locale(lang)
    12.           return moment(timestamp).fromNow()
    13.         }
    14.       }
    15.     ]
    16.   ]
    17. }

    提示

    如果你在 i18n 模式下运行，你还可以使用第二个参数 lang 为不同语言生成时间字符串。

    请注意，在 VuePress 中，我们遵循以下规范：W3C > Language tags in HTML and XML，因此 zh-CN 使用连字符（-）而不是下划线（_）。 请确保你使用的库遵循此规范，否则请自行转换。