博客修改教程

基于vuepress-theme-hope主题二次开发

修改顶部导航

位置： src/.vuepress/navbar/zh.ts 配置链接：

  {
    text: "V2 文档",
    icon: "note",
    link: "https://theme-hope.vuejs.press/zh/",
  },

配置多级文件

  {
    text: "博文",
    icon: "edit",
    prefix: "/posts/",
    children: [
      {
        text: "苹果",
        icon: "edit",
        prefix: "apple/",
        children: [
          { text: "苹果1", icon: "edit", link: "1" },
          { text: "苹果2", icon: "edit", link: "2" },
          "3",
          "4",
        ],
      },
      {
        text: "香蕉",
        icon: "edit",
        prefix: "banana/",
        children: [
          {
            text: "香蕉 1",
            icon: "edit",
            link: "1",
          },
          {
            text: "香蕉 2",
            icon: "edit",
            link: "2",
          },
          "3",
          "4",
        ],
      },
      { text: "樱桃", icon: "edit", link: "cherry" },
      { text: "火龙果", icon: "edit", link: "dragonfruit" },
      "tomato",
      "strawberry",
    ],
  },

配置某文件下的所有文件

 { 
   text: "演示",
   icon: "discover", 
   link: "/zh/demo/"
 },

配置左边侧边栏

位置： src/.vuepress/sidebar/zh.ts

修改左上角logo文字

位置： src/.vuepress/config.ts

i

修改个人介绍

位置： src/.vuepress/theme.ts

修改首页图片

修改位置： src/README.md

image-20230416221137147

图片位置：

src/.vuepress/public

image-20230416221205298