Markdown links are not being prefixed

[stefvhuynh]

Links in my markdown files are not being prefixed when running gatsby build --prefix-paths. I am on gatsby@v1.9.142.

Any ideas about why this might be the case?

Here is my gatsby-config.js:

module.exports = {
  pathPrefix: config.pathPrefix,
  siteMetadata: {
    siteUrl: config.siteUrl + pathPrefix,
    rssMetadata: {
      site_url: config.siteUrl + pathPrefix,
      feed_url: config.siteUrl + pathPrefix + config.siteRss,
      title: config.siteTitle,
      description: config.siteDescription,
      image_url: `${config.siteUrl + pathPrefix}/logos/favicon.ico`,
      copyright: config.copyright
    }
  },
  plugins: [
    "gatsby-plugin-react-helmet",
    {
      resolve: "gatsby-source-filesystem",
      options: {
        name: "pages",
        path: `${__dirname}/src/pages/`
      }
    },
    {
      resolve: "gatsby-plugin-postcss-sass",
      options: {
        postCssPlugins: [
          require("postcss-import")(),
          require("postcss-url")({ url: "inline" }),
          require("postcss-cssnext")(),
          // Add plugins here:
          require("postcss-inline-svg")(),
          require("postcss-browser-reporter"),
          require("postcss-reporter")
        ]
      }
    },
    {
      resolve: "gatsby-transformer-remark",
      options: {
        plugins: [
          {
            resolve: "gatsby-remark-images",
            options: {
              linkImagesToOriginal: false
            }
          },
          "gatsby-remark-responsive-iframe",
          "gatsby-remark-copy-linked-files",
          "gatsby-remark-autolink-headers",
          "gatsby-remark-smartypants",
          {
            resolve: "gatsby-remark-playground",
            options: {
              customCodeLang: "playground"
            }
          },
          "gatsby-remark-prismjs"
        ]
      }
    },
    {
      resolve: "gatsby-plugin-google-analytics",
      options: {
        trackingId: config.googleAnalyticsID
      }
    },
    {
      resolve: "gatsby-plugin-nprogress",
      options: {
        color: config.themeColor
      }
    },
    "gatsby-plugin-catch-links",
    "gatsby-plugin-sharp",
    "gatsby-plugin-sitemap"
  ]
};

[KyleAMathews]

Try deleting the .cache directory — we're not caching by whether or not pathPrefix is enabled — I have a slight cache revamp I'm planning that'll fix this and a few other related problems.

[stefvhuynh]

@KyleAMathews, I tried deleting .cache and running gatsby build --prefix-paths. The paths are still not prefixed when I inspect the html output.

[KyleAMathews]

Oh sorry. I thought someone had implemented support for prefixing links in markdown. This needs a PR then to add support for it.

[nadiia]

I have the same issue with the links from markdown. @KyleAMathews , do you know where those links are created? I may look into it and add a fix.

[bodia-uz]

@nadiia those links are created here https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-transformer-remark/src/extend-node-type.js#L84

As workaround can be fixed by plugin for gatsby-transform-remark:

./plugins/gatsby-remark-links-path-prefix/index.js:

const visit = require('unist-util-visit');

function withPrefix(path, pathPrefix = '') {
  // ensure only one `/` in new path
  return (pathPrefix + path).replace(/\/\//, '/');
}

module.exports = ({ markdownAST, pathPrefix }) => {
  visit(markdownAST, 'link', node => {
    // TODO: mb use more smart condition
    if (
      node.url.startsWith('/') &&
      pathPrefix &&
      !node.url.startsWith(pathPrefix)
    ) {
      node.url = withPrefix(node.url, pathPrefix);
    }
  });

  return markdownAST;
};

./gatsby-config.js

{
  ...
  plugins: [
    {
      resolve: 'gatsby-transformer-remark',
      options: {
        plugins: [
          ...
          // https://github.com/gatsbyjs/gatsby/issues/3316
          'gatsby-remark-links-path-prefix',
        ],
      }
    }
},

[KyleAMathews]

@bodia-uz a PR like your code there would be great!

[bodia-uz]

@KyleAMathews do You mean PR with the plugin in gatsby/packages/gatsby-remark-links-path-prefix folder?

[bodia-uz]

Added PR #3823

[nadiia]

@bodia-uz yes, I have it fixed with an additional local plugin. And thank you for the PR with a fix to the gatsby-transformer-remark.