package.jsonとpackage-lock.jsonにremark-gfmを追加し、記事ページのスタイルを改善。記事ボタン生成関数を追加し、CSSファイルを整理。不要なCSSファイルを削除。

Author: The-Infinitys

package-lock.json

@@ -25,6 +25,7 @@
     "rehype-pretty-code": "^0.14.1",
     "rehype-stringify": "^10.0.1",
     "remark": "^15.0.1",
+    "remark-gfm": "^4.0.1",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
     "shiki": "^3.3.0",

package.json

@@ -45,7 +45,7 @@ html {
 
 .toc a {
   text-decoration: none;
-  color: var(--link-color);
+  color: var(--foreground);
   cursor: pointer;
 }
 
@@ -246,6 +246,7 @@ html {
 .other-articles {
   margin-top: 40px;
   top: 20px;
+  max-width: 250px;
   /* スクロール時に追従 */
 }
 
@@ -299,6 +300,7 @@ html {
   .other-articles {
     position: relative;
     /* stickyを無効化 */
+    max-width: none;
     top: auto;
     margin-top: 20px;
     /* 記事の下部に配置 */
@@ -318,4 +320,29 @@ html {
     font-size: 0.9rem;
     /* 必要に応じてフォントサイズを調整 */
   }
+}
+
+/* 目次の見出しの右余白を調整 */
+.toc ul li a.index-h1 {
+  margin-right: 0px;
+}
+
+.toc ul li a.index-h2 {
+  margin-right: 10px;
+}
+
+.toc ul li a.index-h3 {
+  margin-right: 20px;
+}
+
+.toc ul li a.index-h4 {
+  margin-right: 30px;
+}
+
+.toc ul li a.index-h5 {
+  margin-right: 40px;
+}
+
+.toc ul li a.index-h6 {
+  margin-right: 50px;
 }