Separate Blog and Tech sections

docs-tech/dgx-spark-dual/index.md

@@ -437,7 +437,7 @@ vllm serve <model> --tensor-parallel-size 2 --max-model-len 4096
 
 - [NVIDIA DGX Spark Playbooks](https://build.nvidia.com/spark/)
 - [vLLM ドキュメント](https://docs.vllm.ai/)
-- [DGX SparkでMiniMax-M2.5を動かす](/blog/dgx-spark-minimax/)
+- [DGX SparkでMiniMax-M2.5を動かす](/tech/dgx-spark-minimax/)
 
 ---
 

docs-tech/index.md

@@ -0,0 +1,14 @@
+---
+sidebar_position: 1
+title: Tech
+slug: /
+---
+
+# 💻 Tech
+
+技術記事・ハウツー・検証レポートなど。
+
+## DGX Spark
+
+- [デュアル構成ガイド](/tech/dgx-spark-dual) - 2台接続で256GB環境を構築
+- [MiniMax-M2.5-REAP-172Bを動かす](/tech/dgx-spark-minimax) - 172Bモデルを動かす

docs/index.md

@@ -6,9 +6,6 @@ slug: /
 
 # 📝 Blog
 
-技術記事や思ったことなど。
+日常の思考、情報収集、気になったことなど。
 
-## DGX Spark
-
-- [DGX Spark デュアル構成ガイド](/blog/dgx-spark-dual) - 2台接続で256GB環境を構築
-- [DGX SparkでMiniMax-M2.5-REAP-172Bを動かす](/blog/dgx-spark-minimax) - 172Bモデルを動かす
+*coming soon...*

docusaurus.config.ts

@@ -22,15 +22,27 @@ const config: Config = {
     locales: ['ja'],
   },
 
+  plugins: [
+    // Tech（技術記事）用のドキュメント
+    [
+      '@docusaurus/plugin-content-docs',
+      {
+        id: 'tech',
+        path: 'docs-tech',
+        routeBasePath: 'tech',
+        sidebarPath: './sidebars-tech.ts',
+      },
+    ],
+  ],
+
   presets: [
     [
       'classic',
       {
         docs: {
-          sidebarPath: './sidebars.ts',
+          path: 'docs',
           routeBasePath: '/blog',
-          breadcrumbs: true,
-          sidebarCollapsed: false,
+          sidebarPath: './sidebars.ts',
         },
         blog: false,
         theme: {
@@ -53,6 +65,11 @@ const config: Config = {
           label: 'Blog',
           position: 'left',
         },
+        {
+          to: '/tech',
+          label: 'Tech',
+          position: 'left',
+        },
         {
           to: '/works',
           label: 'Works',
@@ -69,7 +86,6 @@ const config: Config = {
       darkTheme: prismThemes.dracula,
       additionalLanguages: ['bash', 'json', 'yaml', 'python'],
     },
-    // 目次の設定
     tableOfContents: {
       minHeadingLevel: 2,
       maxHeadingLevel: 4,

sidebars-tech.ts

@@ -0,0 +1,12 @@
+import type {SidebarsConfig} from '@docusaurus/plugin-content-docs';
+
+const sidebars: SidebarsConfig = {
+  techSidebar: [
+    {
+      type: 'autogenerated',
+      dirName: '.',
+    },
+  ],
+};
+
+export default sidebars;

src/pages/index.module.css

@@ -36,9 +36,13 @@
 
 .sectionTitle {
   font-size: 1.5rem;
-  margin-bottom: 1.5rem;
-  padding-bottom: 0.5rem;
-  border-bottom: 1px solid var(--ifm-color-emphasis-200);
+  margin-bottom: 0.25rem;
+}
+
+.sectionDesc {
+  font-size: 0.9rem;
+  color: var(--ifm-color-emphasis-600);
+  margin-bottom: 1rem;
 }
 
 /* Posts */
@@ -87,6 +91,16 @@
   border-radius: 4px;
 }
 
+/* Coming Soon */
+.comingSoon {
+  padding: 2rem;
+  text-align: center;
+  color: var(--ifm-color-emphasis-500);
+  background: var(--ifm-background-surface-color);
+  border: 1px dashed var(--ifm-color-emphasis-300);
+  border-radius: 8px;
+}
+
 /* Works */
 .works {
   display: grid;

src/pages/index.tsx

@@ -16,25 +16,26 @@ function HomepageHeader() {
   );
 }
 
-function RecentPosts() {
+function RecentTech() {
   const posts = [
     {
       title: 'DGX Spark デュアル構成ガイド',
       date: '2026-02-19',
       tag: 'DGX Spark',
-      url: '/blog/dgx-spark-dual',
+      url: '/tech/dgx-spark-dual',
     },
     {
       title: 'DGX SparkでMiniMax-M2.5-REAP-172Bを動かす',
       date: '2026-02-18',
       tag: 'DGX Spark',
-      url: '/blog/dgx-spark-minimax',
+      url: '/tech/dgx-spark-minimax',
     },
   ];
 
   return (
     <section className={styles.section}>
-      <h2 className={styles.sectionTitle}>📝 最近書いたもの</h2>
+      <h2 className={styles.sectionTitle}>💻 Tech</h2>
+      <p className={styles.sectionDesc}>技術記事・検証レポート</p>
       <div className={styles.posts}>
         {posts.map((post, idx) => (
           <Link key={idx} to={post.url} className={styles.postCard}>
@@ -46,8 +47,23 @@ function RecentPosts() {
           </Link>
         ))}
       </div>
+      <Link to="/tech" className={styles.moreLink}>
+        すべて見る →
+      </Link>
+    </section>
+  );
+}
+
+function RecentBlog() {
+  return (
+    <section className={styles.section}>
+      <h2 className={styles.sectionTitle}>📝 Blog</h2>
+      <p className={styles.sectionDesc}>日常の思考・情報収集</p>
+      <div className={styles.comingSoon}>
+        <p>coming soon...</p>
+      </div>
       <Link to="/blog" className={styles.moreLink}>
-        すべての記事を見る →
+        すべて見る →
       </Link>
     </section>
   );
@@ -64,7 +80,8 @@ function Works() {
 
   return (
     <section className={styles.section}>
-      <h2 className={styles.sectionTitle}>🛠 作ったもの</h2>
+      <h2 className={styles.sectionTitle}>🛠 Works</h2>
+      <p className={styles.sectionDesc}>作ったもの</p>
       <div className={styles.works}>
         {works.map((work, idx) => (
           <a
@@ -95,7 +112,8 @@ export default function Home(): React.JSX.Element {
       <main className={styles.main}>
         <HomepageHeader />
         <div className={styles.content}>
-          <RecentPosts />
+          <RecentTech />
+          <RecentBlog />
           <Works />
         </div>
       </main>