Merge pull request #3 from chvmvd/relative-path

相対パスで指定できるようにした

Author: chvmvd

docs/python/get-started/index.mdx

@@ -16,7 +16,7 @@ import OpenInColab from "@site/src/components/OpenInColab/OpenInColab";
 print("Hello World!")
 ```
 
-<OpenInColab path="/docs/python/get-started/_samples/hello-world.ipynb" />
+<OpenInColab path="./_samples/hello-world.ipynb" />
 
 `Hello World!` と表示されましたか。
 
@@ -32,7 +32,7 @@ print("Hello World!")
 print("Hello World!") # この部分もコメントです。
 ```
 
-<OpenInColab path="/docs/python/get-started/_samples/comment.ipynb" />
+<OpenInColab path="./_samples/comment.ipynb" />
 
 ## 算術演算子
 
@@ -42,7 +42,7 @@ Python で計算をしてみましょう。次のように書くと、演算を
 1+1
 ```
 
-<OpenInColab path="/docs/python/get-started/_samples/sum.ipynb" />
+<OpenInColab path="./_samples/sum.ipynb" />
 
 :::info
 上のプログラムは、次のようにしても実行できます。それぞれには、少し違いがあるようですが気にしなくて大丈夫でしょう。
@@ -53,7 +53,7 @@ Google Colaboratory 以外で実行するときなど上のようなプログラ
 print(1+1)
 ```
 
-<OpenInColab path="/docs/python/get-started/_samples/sum2.ipynb" />
+<OpenInColab path="./_samples/sum2.ipynb" />
 :::
 
 Python では様々な計算ができます。
@@ -75,4 +75,4 @@ Python では様々な計算ができます。
 (1+5**0.5)/2
 ```
 
-<OpenInColab path="/docs/python/get-started/_samples/golden-ratio.ipynb" />
+<OpenInColab path="./_samples/golden-ratio.ipynb" />

docs/python/variables/index.mdx

@@ -16,7 +16,7 @@ $$
 331.5+0.6*10
 ```
 
-<OpenInColab path="/docs/python/variables/_samples/sound-velocity.ipynb" />
+<OpenInColab path="./_samples/sound-velocity.ipynb" />
 
 一応できましたが、 $t$ を変えようとすると、（これぐらいならすぐできますが）いちいちプログラムを全て読み直さないといけません。
 
@@ -27,7 +27,7 @@ t=10
 331.5+0.6*t
 ```
 
-<OpenInColab path="/docs/python/variables/_samples/sound-velocity2.ipynb" />
+<OpenInColab path="./_samples/sound-velocity2.ipynb" />
 
 :::tip 定数（他の言語の学習者へ）
 Python では定数は使えないようです。慣習的に定数は大文字のみの変数として表すようです。

src/components/OpenInColab/OpenInColab.tsx

@@ -1,12 +1,14 @@
 import React from "react";
+import { useLocation } from "@docusaurus/router";
 import styles from "./styles.module.css";
 
 export default function OpenInColab({ path }) {
+  const pathname = useLocation().pathname.slice(22);
   return (
     <>
       <div className={styles.root}>
         <a
-          href={`https://colab.research.google.com/github/chvmvd/sikepuri-of-algorithm/blob/main${path}`}
+          href={`https://colab.research.google.com/github/chvmvd/sikepuri-of-algorithm/blob/main${pathname}${path}`}
           target="_blank"
           rel="noopener"
         >