Fix: バナーヒーロー画像のパス解決 (metadata.image使用) + game-vision-companion画像参照修正

docs-tech/game-vision-companion/index.md

@@ -24,7 +24,7 @@ displayed_sidebar: null
 
 **Game Vision Companion** — Windows PCの画面をリアルタイムにキャプチャして、ローカルのVision LLMで分析・翻訳するアプリ。
 
-![Game Vision Companionのスクリーンショット](./screenshot.png)
+![Game Vision Companionのスクリーンショット](pathname://./screenshot.png)
 
 ### メイン機能：リアルタイム翻訳
 

src/theme/DocItem/Layout/index.tsx

@@ -3,12 +3,14 @@ import Layout from '@theme-original/DocItem/Layout';
 import type LayoutType from '@theme/DocItem/Layout';
 import type {WrapperProps} from '@docusaurus/types';
 import {useDoc} from '@docusaurus/plugin-content-docs/client';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 
 type Props = WrapperProps<typeof LayoutType>;
 
 export default function LayoutWrapper(props: Props): ReactNode {
-  const {frontMatter} = useDoc();
-  const image = (frontMatter as any).image as string | undefined;
+  const {metadata, frontMatter} = useDoc();
+  // Use the resolved og:image URL from metadata (already processed by Docusaurus)
+  const image = metadata.image;
 
   return (
     <>