最后更新时间没有出来额
xieyezi opened this issue · comments
这是我的配置文件:
// config.js
module.exports = {
title: "xieyezi", //左上角的博客标题以及网站显示的标题
description: "使用vuepress搭建的个人博客",
theme: "antdocs",
head: [
["link", { rel: "icon", href: "/favicon.ico" }], // 增加一个自定义的 favicon(网页标签的图标)
[
"meta",
{
name: "viewport",
content: "width=device-width,initial-scale=1,user-scalable=no",
},
],
[
"link",
{
rel: "stylesheet",
href: "https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css",
},
],
],
themeConfig: {
//主题配置项
logo: "/logo.png",
smoothScroll: true, //平滑滚动
sidebarDepth: 1,
editLinks: true, // 编辑链接
editLinkText: "帮助我改善这个页面", // 链接字段
lastUpdated: "最后更新时间", // 最后更新时间
backToTop: true,
nav: [
//导航栏
{ text: "Home", link: "/" },
{ text: "Flutter", link: "/flutter/" },
{ text: "Vue", link: "/vue/" },
{ text: "React", link: "/react/" },
{ text: "Typescript", link: "/typescript/" },
{ text: "Javascript", link: "/javascript/" },
{ text: "Docker", link: "/docker/" },
{
text: "Conatact",
items: [
{
text: "Github",
link: "https://github.com/xieyezi",
},
{
text: "QQ",
link: "https://github.com/xieyezi",
},
{
text: "WeChat",
link: "https://github.com/xieyezi",
},
],
},
],
},
plugins: [
//美化相关:
["cursor-effects"], //鼠标点击特效
["vuepress-plugin-reading-progress"], //顶部进度条
[
"vuepress-plugin-code-copy",
{
color: "#6D7EAD",
successText: "🌈复制成功!🌈",
},
],
// ["go-top"], 悬挂猫返回顶部,yarn add -D vuepress-plugin-go-top
//功能添加:
[
"vuepress-plugin-auto-sidebar",
{
titleMode: "uppercase",
},
], //自动生成侧边栏
[
"permalink-pinyin",
{
lowercase: true,
separator: "-",
},
], //转换链接汉字为英文的插件
],
};
期望效果:
在文章右下角出现“最后更新时间”
还有一个请教,那就是如何将文章按照发布时间的先后顺序进行排列呢?
1.关于 lastUpdated 问题请看 VuePress 文档官网 最后更新时间;
2.关于自动排列可以使用插件 vuepress-plugin-auto-sidebar。
好的谢谢