Fix image links on front page

website/docusaurus.config.js

@@ -4,6 +4,7 @@
 const lightCodeTheme = require('prism-react-renderer/themes/github');
 const darkCodeTheme = require('prism-react-renderer/themes/dracula');
 const transformLinks = require('./src/plugins/transformLinks');
+const transformImageLinks = require('./src/plugins/transformImageLinks');
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -37,6 +38,7 @@ const config = {
           sidebarPath: require.resolve('./sidebars.js'),
           editUrl: 'https://github.com/carbon-language/carbon-lang/blob/trunk/docs',
           beforeDefaultRemarkPlugins: [transformLinks],
+          rehypePlugins: [transformImageLinks],
         },
         theme: {
           customCss: require.resolve('./src/css/custom.css'),

website/src/plugins/transformImageLinks.js

@@ -0,0 +1,17 @@
+const visit = require('unist-util-visit');
+
+// Adjust HTML image links referring inside the repo to work on the website.
+const plugin = (options) => {
+  const transformer = (ast) => {
+    visit(ast, 'jsx', (node) => {
+      // if (node.value.includes('src="docs'))
+      // console.log(node);
+      node.value = node.value
+        .replaceAll(/\bhref="(docs\/[^"]+)"/g, 'href="https://github.com/carbon-language/carbon-lang/blob/trunk/$1"')
+        .replaceAll(/\bsrc="(docs\/[^"]+)"/g, 'src="https://raw.githubusercontent.com/carbon-language/carbon-lang/trunk/$1"');
+    });
+  };
+  return transformer;
+};
+
+module.exports = plugin;