Git commit feature-- which adds commit hash at the footer of doc page.

docusaurus.config.js

@@ -329,6 +329,7 @@ const config = {
         },
       };
     },
+    [require.resolve('./src/plugins/git-commit-info'), {}],
   ],
 };
 

package.json

@@ -25,6 +25,7 @@
     "@node-rs/jieba": "^1.10.3",
     "@svgr/webpack": "^6.3.1",
     "autoprefixer": "^10.4.14",
+    "caniuse-lite": "^1.0.30001726",
     "classnames": "^2.2.6",
     "clsx": "^1.1.1",
     "file-loader": "^6.2.0",

src/plugins/git-commit-info/index.js

@@ -0,0 +1,32 @@
+const { exec } = require('child_process');
+
+function getLastCommitHashAsync(filePath) {
+  return new Promise((resolve) => {
+    exec(`git log -n 1 --pretty=format:%h -- "${filePath}"`, { encoding: 'utf8' }, (err, stdout) => {
+      if (err) return resolve(null);
+      resolve(stdout.trim());
+    });
+  });
+}
+
+console.log('[git-commit-info] Plugin loaded');
+
+module.exports = function (context, options) {
+  return {
+    name: 'docusaurus-plugin-git-commit-info',
+    async extendMarkdownPageData(mdData) {
+      console.log('[git-commit-info] mdData:', mdData);
+      console.log('[git-commit-info] filePath:', mdData.filePath);
+      if (mdData.filePath) {
+        const commitHash = await getLastCommitHashAsync(mdData.filePath);
+        console.log('[git-commit-info] commitHash for', mdData.filePath, ':', commitHash);
+        if (commitHash) {
+          mdData.frontMatter.lastUpdatedCommit = commitHash;
+          mdData.metadata = mdData.metadata || {};
+          mdData.metadata.lastUpdatedCommit = commitHash;
+        }
+      }
+      return mdData;
+    },
+  };
+};

src/theme/DocItem/index.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import OriginalDocItem from '@theme-original/DocItem';
+import { useDoc } from '@docusaurus/theme-common';
+
+export default function DocItem(props) {
+  const { metadata } = useDoc();
+  const commit = metadata?.lastUpdatedCommit;
+
+  return (
+    <>
+      <OriginalDocItem {...props} />
+      {commit && (
+        <div style={{
+          marginTop: '2em',
+          padding: '0.75em 1em',
+          background: '#f6f8fa',
+          border: '1px solid #e1e4e8',
+          borderRadius: '6px',
+          fontSize: '0.95em',
+          color: '#555',
+        }}>
+          <strong>Last updated commit:</strong> <code>{commit}</code>
+        </div>
+      )}
+    </>
+  );
+}