diff --git a/.github/workflows/image.yml b/.github/workflows/image.yml
index 9ef408e..675d4d1 100644
--- a/.github/workflows/image.yml
+++ b/.github/workflows/image.yml
@@ -30,6 +30,15 @@ jobs:
             type=ref,event=pr
             type=semver,pattern={{version}}
 
+      - name: Store Git Info
+        run: |
+          cat > git-info.json <<EOF
+          {
+            "branch": "$(git rev-parse --abbrev-ref HEAD)",
+            "commitHash": "$(git rev-parse HEAD)"
+          }
+          EOF
+
       - name: Build and push
         uses: docker/build-push-action@v6
         with:
diff --git a/package-lock.json b/package-lock.json
index 54ee121..02fc961 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,7 +19,6 @@
         "dayjs": "^1.11.13",
         "github-markdown-css": "^5.6.1",
         "hast-util-from-html": "^2.0.1",
-        "hast-util-is-element": "^3.0.0",
         "highlight.js": "^11.10.0",
         "mermaid": "^11.2.1",
         "next": "14.2.12",
@@ -4357,19 +4356,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/hast-util-is-element": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz",
-      "integrity": "sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/hast": "^3.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/hast-util-parse-selector": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
diff --git a/src/components/layout/footer.tsx b/src/components/layout/footer.tsx
index 823858e..73b4ade 100644
--- a/src/components/layout/footer.tsx
+++ b/src/components/layout/footer.tsx
@@ -1,10 +1,14 @@
 import { NaLink } from "@/components/na-link";
 import { siteConfig } from "@/site/config";
+import { getGitInfo } from "@/utils/git-info";
 import { clsx } from "clsx";
 import React from "react";
 
 export async function Footer() {
   const year = new Date().getFullYear()
+  const gitInfo = await getGitInfo()
+  const gitBranchUrl = gitInfo && `${siteConfig.links.githubWebsite}/tree/${gitInfo.branch}`
+  const gitCommitUrl = gitInfo && `${siteConfig.links.githubWebsite}/tree/${gitInfo.commitHash}`
   return (
     <footer className={clsx(
       "max-w-screen-xl w-full",
@@ -18,6 +22,12 @@ export async function Footer() {
         <div className="flex gap-5">
           <NaLink href={siteConfig.links.githubMcdr} hoverColor>MCDReforged</NaLink>
           <NaLink href={siteConfig.links.githubWebsite} hoverColor>Website source</NaLink>
+          {gitInfo &&
+            <p>
+              <NaLink href={gitBranchUrl!}>{gitBranchUrl}</NaLink>
+              <span>@</span>
+              <NaLink href={gitCommitUrl!}>{gitInfo.commitHash.slice(0, 8)}</NaLink>
+            </p>}
         </div>
       </div>
     </footer>
diff --git a/src/utils/git-info.ts b/src/utils/git-info.ts
new file mode 100644
index 0000000..2ca6bdf
--- /dev/null
+++ b/src/utils/git-info.ts
@@ -0,0 +1,106 @@
+import { ExecOptions } from "child_process";
+import fs from "fs/promises"
+import { exec } from "node:child_process"
+import { promisify } from "node:util"
+
+interface GitInfo {
+  branch: string
+  commitHash: string
+}
+
+let cachedGitInfo: GitInfo | undefined | null = null
+
+export async function getGitInfo(): Promise<GitInfo | undefined> {
+  if (cachedGitInfo === null) {
+    cachedGitInfo = await getGitInfoImpl()
+  }
+  return cachedGitInfo
+}
+
+async function tryGetGitInfoFromCommand(): Promise<GitInfo | undefined> {
+  try {
+    const execAsync = promisify(exec)
+
+    const execOptions: ExecOptions = { timeout: 1500 }
+    const [branchResult, commitHashResult] = await Promise.all([
+      execAsync('git rev-parse --abbrev-ref HEAD', execOptions),
+      execAsync('git rev-parse HEAD', execOptions)
+    ])
+
+    const branch = branchResult.stdout.trim()
+    const commitHash = commitHashResult.stdout.trim()
+    if (branch && commitHash) {
+      return { branch, commitHash }
+    }
+  } catch {
+    return undefined
+  }
+}
+
+async function checkFileExists(filePath: string): Promise<boolean> {
+  try {
+    const st = await fs.stat(filePath)
+    return st.isFile()
+  } catch {
+    return false
+  }
+}
+
+async function getGitInfoFromFile(): Promise<GitInfo | undefined> {
+  const filePath = 'git-info.json'
+  try {
+    if (await checkFileExists(filePath)) {
+      const data = await fs.readFile(filePath, 'utf8')
+      const gitInfo: GitInfo = JSON.parse(data)
+      if (gitInfo.branch && gitInfo.commitHash) {
+        return gitInfo
+      }
+    }
+  } catch (error) {
+    console.error('Failed to read or parse git-info.json:', error)
+  }
+  return undefined
+}
+
+function getEnvVar(...keys: string[]): string | undefined {
+  for (const key of keys) {
+    if (process.env[key]) {
+      return process.env[key]
+    }
+  }
+}
+
+function gitRefToBranch(gitRef: string): string {
+  const mappings = [
+    {prefix: 'refs/heads/', append: ''},
+    {prefix: 'refs/tags/', append: ''},
+    {prefix: 'refs/pull/', append: 'pr-'},
+  ]
+
+  for (const {prefix, append} of mappings) {
+    if (gitRef.startsWith(prefix)) {
+      return append + gitRef.substring(prefix.length)
+    }
+  }
+  return gitRef
+}
+
+async function getGitInfoImpl(): Promise<GitInfo | undefined> {
+  if (process.env.NODE_ENV === 'development') {
+    return (await tryGetGitInfoFromCommand()) || {
+      branch: 'test',
+      commitHash: 'abc',
+    }
+  }
+
+  const gitInfoFromFile = await getGitInfoFromFile()
+  if (gitInfoFromFile) {
+    return gitInfoFromFile
+  }
+
+  const gitRef = getEnvVar('GIT_REF', 'GITHUB_REF')
+  const commitHash = getEnvVar('GIT_COMMIT_HASH', 'GITHUB_SHA', 'VERCEL_GIT_COMMIT_SHA')
+  const branch = gitRef ? gitRefToBranch(gitRef) : getEnvVar('VERCEL_GIT_COMMIT_REF')
+
+  return (branch && commitHash) ? {branch, commitHash} : undefined
+}