Termコンポーネントを書くための[[用語]]記法を導入

Author: chvmvd

docs/1-trial-session/02-html/index.mdx

@@ -7,11 +7,11 @@ import openInBrowserVideo from "./open-in-browser.mp4";
 import showFileExtensionsVideo from "./show-file-extensions.mp4";
 import reloadBrowserVideo from "./reload-browser.mp4";
 
-Web開発に必ず用いられる言語があります。<Term>**HTML**</Term>とCSS、そしてJavaScriptです。これらは互いに異なる役割をもっています。まずは最も基本となる<Term>HTML</Term>から学んでいきましょう。
+Web開発に必ず用いられる言語があります。[[**HTML**]]とCSS、そしてJavaScriptです。これらは互いに異なる役割をもっています。まずは最も基本となる[[HTML]]から学んでいきましょう。
 
 ![Web開発で用いられる言語](./web-development-languages.drawio.svg)
 
-## <Term>HTML</Term>を書き始める
+## [[HTML]]を書き始める
 
 VS Codeの画面左端には、ファイル一覧が表示されています。新しいファイルを作成して、`index.html`と名付けましょう。ファイルの中身を次のようにした後、保存します。保存にはショートカットキー (<kbd>Ctrl</kbd> + <kbd>S</kbd> (Windows) / <kbd>command</kbd> + <kbd>S</kbd> (macOS) ) を用いてください。
 

docusaurus.config.js docusaurus.config.tsdocusaurus.config.js renamed to docusaurus.config.ts

@@ -2,6 +2,7 @@ import { themes as prismThemes } from "prism-react-renderer";
 import { execSync } from "node:child_process";
 import math from "remark-math";
 import katex from "rehype-katex";
+import remarkTerm from "./src/components/Term/remark-term";
 
 /** @type {import("@docusaurus/types").Config} */
 const config = {
@@ -46,7 +47,7 @@ const config = {
           showLastUpdateTime: true,
           sidebarPath: "./sidebars.js",
           editUrl: "https://github.com/ut-code/utcode-learn/blob/master/",
-          remarkPlugins: [math],
+          remarkPlugins: [math, remarkTerm],
           rehypePlugins: [katex],
         },
         theme: {