.md suffix in href of navbars

[mrdrivingduck]

Hi community. I'm new to VuePress 2. Recently I reference the configs of VuePress 2 official documentation website to build a website for my own project. VuePress looks great, but there is one strange thing.

I found VuePress's official website configs its navbar like:

  {
    text: 'Reference',
    children: [
      {
        text: 'VuePress',
        children: [
          {
            text: 'CLI',
            link: '/reference/cli.html',
          },
          '/reference/config.md',
          ...

Turns out the website is rendered as <a href="xxx.html">

In my project, I have configured in a similar way, however the website is rendered as <a href="xxx.md">, so that Algolia's docs search crawler cannot work well. Although it is ok to be clicked by my mouse, it will jump to that page correctly.

  {
    text: "Architecture",
    link: "/architecture/",
    children: [
      {
        text: "Overview",
        link: "/architecture/README.md",
      },
      {
        text: "Buffer Management",
        link: "/architecture/buffer-management.md",
      },
      {
        text: "DDL Synchronization",
        link: "/architecture/ddl-synchronization.md",
      },
      {
        text: "LogIndex",
        link: "/architecture/logindex.md",
      },
    ],

Have I missed something? My project website is here.

[Mister-Hope]

Hi there, not pretty much sure either, I will start to investiagte this when I have time.(So you have to wait)

But here are some possiable reasons you may find out yourself. Open devserver, and make sure vue devtools installed. Go to vue-router page in devtool and inspect the routes vuepress registered, and compare if your link matches one of them.

I guess they may not match due to problems like UPPERCASE lowercase issues. If you find something, welcome to show and tell.

[Mister-Hope]

Hey, you can only use .md links when using them directly as strings instead of object. It's designed like that, object config is designed to keep as is.