增加 development 独立页面

src/config.ts

@@ -41,16 +41,23 @@ export const navBarConfig: NavBarConfig = {
   links: [  
     LinkPreset.Home,
     LinkPreset.Archive,
-    LinkPreset.About,
     {
-      name: '友链',
-      url: 'https://www.akio.top/friends',     // Internal links should not include the base path, as it is automatically added
-      external: true,                               // Show an external link icon and will open in a new tab
+      name: '关于我',
+      url: '/about/',
+    },
+    {
+      name: '关于 Dev',
+      url: '/development/',
+    },
+    {
+      name: "友链",
+      url: "https://www.akio.top/friends",
+      external: true,
     },
     {
       name: '前往主站',
-      url: 'https://www.akio.top',     // Internal links should not include the base path, as it is automatically added
-      external: true,                               // Show an external link icon and will open in a new tab
+      url: 'https://www.akio.top',
+      external: true,
     },
   ],
 }

src/content/spec/development.md

@@ -0,0 +1,12 @@
+## 关于 MisakaAkio Development
+[MisakaAkio Development](https://github.com/MisakaAkio-Dev) 是本人的一些自用服务的存储地，也是我用来克隆一些 GitHub 仓库的存储点，就目前而言，主要用于我的一些不便于公开的项目
+
+这些不便于公开的项目大多会有版权问题或是不完善所以没有公开，公开的项目都位于 [NiuBoss123](https://github.com/NiuBoss123) 和 [BLUEAKIO](https://github.com/BLUEAKIO) 
+
+## Docker
+
+::github{repo="MisakaAkio-Dev/docker"}
+
+[MisakaAkio-Dev/docker](https://github.com/MisakaAkio-Dev/docker) 是目前我主要用来做私有 Dokcer 镜像的目录，相对的，[NiuBoss123/docker](https://github.com/NiuBoss123/docker) 则是开放的，碍于我对 GitHub Workflows 的不熟练，相关的构建都未公开，也就不存在什么公有镜像了
+
+目前唯一的镜像是我自己修改后的 Shiroi（也就是 www.akio.top 所使用的博客框架），其他镜像正在缓慢规划中

src/pages/development.astro

@@ -0,0 +1,22 @@
+---
+
+import MainGridLayout from '../layouts/MainGridLayout.astro'
+
+import { getEntry } from 'astro:content'
+import { i18n } from '../i18n/translation'
+import I18nKey from '../i18n/i18nKey'
+import Markdown from '@components/misc/Markdown.astro'
+
+const aboutPost = await getEntry('spec', 'development')
+
+const { Content } = await aboutPost.render()
+---
+<MainGridLayout title={i18n(I18nKey.about)} description={i18n(I18nKey.about)}>
+    <div class="flex w-full rounded-[var(--radius-large)] overflow-hidden relative min-h-32">
+        <div class="card-base z-10 px-9 py-6 relative w-full ">
+            <Markdown class="mt-2">
+                <Content />
+            </Markdown>
+        </div>
+    </div>
+</MainGridLayout>