ページ一覧のオブジェクトを分離

shizukani-cp · Dec 12, 2024 · 5186a76 · 5186a76
1 parent 73e344f
commit 5186a76
Show file tree

Hide file tree

Showing 13 changed files with 103 additions and 97 deletions.
diff --git a/contents/20240803/entry.html b/contents/20240803/entry.html
@@ -38,7 +38,7 @@ <h1>自己紹介</h1>
 
   </main>
   <aside id="sidebar"></aside>
-  <script src="../../scripts/create_index.js"></script>
+  <script src="../../scripts/create_index.js" type="module"></script>
 </body>
 
-</html>
+</html>
diff --git a/contents/20240807/entry.html b/contents/20240807/entry.html
@@ -57,7 +57,7 @@ <h2>2024/08/08追記</h2>
 
   </main>
   <aside id="sidebar"></aside>
-  <script src="../../scripts/create_index.js"></script>
+  <script src="../../scripts/create_index.js" type="module"></script>
 </body>
 
 </html>
diff --git a/contents/20240816/entry.html b/contents/20240816/entry.html
@@ -1,41 +1,46 @@
 <!DOCTYPE html>
 <html>
-    <head>
-        <link rel="stylesheet" href="../../styles/basestyle.css">
-        <link rel="stylesheet" href="../../styles/style.css">
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width">
-        <meta name="description" content="このブログの実装の仕方で結構迷走していたので、それをまとめます">
-        <meta property="og:title" content="ブログのやり方で結構迷走してたからそれをまとめる | 静カニのブログ">
-        <meta property="og:site_name" content="静カニのブログ">
-        <meta property="og:type" content="article">
-        <meta property="og:url" content="https://shizukani-cp.github.io/blog/">
-        <meta property="og:image" content="https://shizukani-cp.github.io/blog/shizukani_title.png">
-        <title>ブログのやり方で結構迷走してたからそれをまとめる | 静カニのブログ</title>
-    </head>
-    <body>
-        <header>
-            <a href="../../index.html" class="title">
-                <img src="../../shizukani_title.png" alt="タイトル画像" class="title-image">
-            </a>
-            <nav>
-                <ul>
-                    <li><a href="../../index.html">ホーム</a></li>
-                </ul>
-            </nav>
-        </header>
-        <main>
-            <h1>ブログのやり方で結構迷走してたからそれをまとめる</h1>
-<h2>最初</h2>
-<p>初めは、HTMLを手打ちしていた。basestyle.cssはWebから持ってきたものの詰め合わせみたいな感じだが、それ以外はなんだかんだで全部手打ちでした。<br />
-ですが、複数行のコードを表示するときにつまづきました。</p>
-<h2>Vitepress</h2>
-<p>そういったことで、Vitepressというエンジンを使ってみました。しかし、肝心のGitHub Pagesへの公開をうまくできなかったので、変更することにしました。</p>
-<h2>今</h2>
-<p>とりあえずRustで<a href="https://github.com/shizukani-cp/md2html.git">md2html</a>というツールを気合いで作って、それを使うことにしました。なので、使い方を見ればあるだろうと推測できますが、contentsフォルダーの直下にtemplate.htmlがいたり、それぞれの記事のフォルダーにentry.mdがいたりします。</p>
 
-        </main>
-        <aside id="sidebar"></aside>
-        <script src="../../scripts/create_index.js"></script>
-    </body>
+<head>
+  <link rel="stylesheet" href="../../styles/basestyle.css">
+  <link rel="stylesheet" href="../../styles/style.css">
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width">
+  <meta name="description" content="このブログの実装の仕方で結構迷走していたので、それをまとめます">
+  <meta property="og:title" content="ブログのやり方で結構迷走してたからそれをまとめる | 静カニのブログ">
+  <meta property="og:site_name" content="静カニのブログ">
+  <meta property="og:type" content="article">
+  <meta property="og:url" content="https://shizukani-cp.github.io/blog/">
+  <meta property="og:image" content="https://shizukani-cp.github.io/blog/shizukani_title.png">
+  <title>ブログのやり方で結構迷走してたからそれをまとめる | 静カニのブログ</title>
+</head>
+
+<body>
+  <header>
+    <a href="../../index.html" class="title">
+      <img src="../../shizukani_title.png" alt="タイトル画像" class="title-image">
+    </a>
+    <nav>
+      <ul>
+        <li><a href="../../index.html">ホーム</a></li>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <h1>ブログのやり方で結構迷走してたからそれをまとめる</h1>
+    <h2>最初</h2>
+    <p>初めは、HTMLを手打ちしていた。basestyle.cssはWebから持ってきたものの詰め合わせみたいな感じだが、それ以外はなんだかんだで全部手打ちでした。<br />
+      ですが、複数行のコードを表示するときにつまづきました。</p>
+    <h2>Vitepress</h2>
+    <p>そういったことで、Vitepressというエンジンを使ってみました。しかし、肝心のGitHub Pagesへの公開をうまくできなかったので、変更することにしました。</p>
+    <h2>今</h2>
+    <p>とりあえずRustで<a
+        href="https://github.com/shizukani-cp/md2html.git">md2html</a>というツールを気合いで作って、それを使うことにしました。なので、使い方を見ればあるだろうと推測できますが、contentsフォルダーの直下にtemplate.htmlがいたり、それぞれの記事のフォルダーにentry.mdがいたりします。
+    </p>
+
+  </main>
+  <aside id="sidebar"></aside>
+  <script src="../../scripts/create_index.js" type="module"></script>
+</body>
+
 </html>
diff --git a/contents/20240925/entry.html b/contents/20240925/entry.html
@@ -76,7 +76,7 @@ <h4>Rust</h4>
 
   </main>
   <aside id="sidebar"></aside>
-  <script src="../../scripts/create_index.js"></script>
+  <script src="../../scripts/create_index.js" type="module"></script>
 </body>
 
-</html>
+</html>
diff --git a/contents/20241113/entry.html b/contents/20241113/entry.html
@@ -50,7 +50,7 @@ <h2>最後に</h2>
 
   </main>
   <aside id="sidebar"></aside>
-  <script src="../../scripts/create_index.js"></script>
+  <script src="../../scripts/create_index.js" type="module"></script>
 </body>
 
 </html>
diff --git a/contents/20241117/entry.html b/contents/20241117/entry.html
@@ -74,7 +74,7 @@ <h2>名前どうしよう…</h2>
 
   </main>
   <aside id="sidebar"></aside>
-  <script src="../../scripts/create_index.js"></script>
+  <script src="../../scripts/create_index.js" type="module"></script>
 </body>
 
 </html>
diff --git a/contents/20241129/entry.html b/contents/20241129/entry.html
@@ -63,7 +63,7 @@ <h2>書いた後公開する前の追記</h2>
 
   </main>
   <aside id="sidebar"></aside>
-  <script src="../../scripts/create_index.js"></script>
+  <script src="../../scripts/create_index.js" type="module"></script>
 </body>
 
 </html>
diff --git a/contents/20241130/entry.html b/contents/20241130/entry.html
@@ -78,7 +78,7 @@ <h2>今後</h2>
 
   </main>
   <aside id="sidebar"></aside>
-  <script src="../../scripts/create_index.js"></script>
+  <script src="../../scripts/create_index.js" type="module"></script>
 </body>
 
 </html>
diff --git a/contents/20241201/entry.html b/contents/20241201/entry.html
@@ -49,7 +49,7 @@ <h2>2024/12/04追記</h2>
 
   </main>
   <aside id="sidebar"></aside>
-  <script src="../../scripts/create_index.js"></script>
+  <script src="../../scripts/create_index.js" type="module"></script>
 </body>
 
 </html>
diff --git a/contents/20241208/entry.html b/contents/20241208/entry.html
@@ -79,7 +79,7 @@ <h2>結果!</h2>
 
   </main>
   <aside id="sidebar"></aside>
-  <script src="../../scripts/create_index.js"></script>
+  <script src="../../scripts/create_index.js" type="module"></script>
 </body>
 
 </html>
diff --git a/contents/20241209/entry.html b/contents/20241209/entry.html
@@ -65,7 +65,7 @@ <h2>結論！</h2>
 
   </main>
   <aside id="sidebar"></aside>
-  <script src="../../scripts/create_index.js"></script>
+  <script src="../../scripts/create_index.js" type="module"></script>
 </body>
 
-</html>
+</html>
diff --git a/scripts/pages.js b/scripts/pages.js
@@ -0,0 +1,47 @@
+export const contents = [
+    {
+        title:"自己紹介",
+        date:"20240803"
+    },
+    {
+        title:"githubにpushしようとしたらできなかった話",
+        date:"20240807"
+    },
+    {
+        title:"ブログのやり方で結構迷走してたからそれをまとめる",
+        date:"20240816"
+    },
+    {
+        title:"CLI環境に移ってきた",
+        date:"20240925"
+    },
+    {
+        title:"自然言語処理に役立ちたい",
+        date:"20241113"
+    },
+    {
+        title:"汎用人工知能の実現方法",
+        date:"20241117"
+    },
+    {
+        title:"静カニ VS vim",
+        date:"20241129"
+    },
+    {
+        title:"ノーパソでつよつよLLM計画!",
+        date:"20241130"
+    },
+    {
+        title:"友達の無茶",
+        date:"20241201"
+    },
+    {
+        title:"親子丼が本当に親子である確率",
+        date:"20241208"
+    },
+    {
+        title:"プロフィールは本当？",
+        date:"20241209"
+    }
+];
+
diff --git a/scripts/view_pages.js b/scripts/view_pages.js
@@ -1,50 +1,4 @@
-
-const contents = [
-    {
-        title:"自己紹介",
-        date:"20240803"
-    },
-    {
-        title:"githubにpushしようとしたらできなかった話",
-        date:"20240807"
-    },
-    {
-        title:"ブログのやり方で結構迷走してたからそれをまとめる",
-        date:"20240816"
-    },
-    {
-        title:"CLI環境に移ってきた",
-        date:"20240925"
-    },
-    {
-        title:"自然言語処理に役立ちたい",
-        date:"20241113"
-    },
-    {
-        title:"汎用人工知能の実現方法",
-        date:"20241117"
-    },
-    {
-        title:"静カニ VS vim",
-        date:"20241129"
-    },
-    {
-        title:"ノーパソでつよつよLLM計画!",
-        date:"20241130"
-    },
-    {
-        title:"友達の無茶",
-        date:"20241201"
-    },
-    {
-        title:"親子丼が本当に親子である確率",
-        date:"20241208"
-    },
-    {
-        title:"プロフィールは本当？",
-        date:"20241209"
-    }
-];
+import { contents } from "./pages.js";
 
 function formatDate(date) {
     const year = parseInt(date.substring(0, 4), 10);