diff --git a/cspell.config.yaml b/cspell.config.yaml
index b8866d453..1c65be5d0 100644
--- a/cspell.config.yaml
+++ b/cspell.config.yaml
@@ -130,6 +130,7 @@ words:
   - luoling
   - Maekawa
   - magnifer
+  - Makito
   - Maru
   - matchall
   - mdit
diff --git a/docs/.vitepress/components/BlogPosts.vue b/docs/.vitepress/components/BlogPosts.vue
index 8f9259abc..62aeb3ce0 100644
--- a/docs/.vitepress/components/BlogPosts.vue
+++ b/docs/.vitepress/components/BlogPosts.vue
@@ -18,6 +18,7 @@ interface Post {
   }
   excerpt: string | undefined
   frontmatter?: {
+    'excerpt'?: string
     'category'?: string
     'author'?: string
     'preview-cover'?: {
@@ -66,7 +67,9 @@ const posts = computed(() => {
   return [
     ...currentLanguagePostsData,
     ...diffFallbackLanguagePostsData,
-  ]
+  ].sort((a, b) => {
+    return b.date.time - a.date.time
+  })
 })
 
 async function stringToSeed(str: string) {
@@ -238,7 +241,7 @@ const svgArts = computedAsync(async () => {
               <span class="font-medium">{{ post.frontmatter.category }}</span>
             </div>
           </div>
-          <p v-if="post.excerpt" class="text-muted-foreground fade-out-text mt-3 leading-relaxed" v-html="post.excerpt" />
+          <p v-if="post.excerpt || post?.frontmatter?.excerpt" class="text-muted-foreground fade-out-text mt-3 h-[calc(75%-48px)] leading-relaxed" v-html="post.excerpt || post?.frontmatter?.excerpt" />
         </div>
         <div class="mt-auto p-6 pt-0">
           <a :href="post.url" class="inline-flex items-center text-primary font-semibold hover:underline">
diff --git a/docs/content/en/blog/DevLog-2025.06.08/index.md b/docs/content/en/blog/DevLog-2025.06.08/index.md
index ebe518ea6..a4d824b47 100644
--- a/docs/content/en/blog/DevLog-2025.06.08/index.md
+++ b/docs/content/en/blog/DevLog-2025.06.08/index.md
@@ -2,6 +2,8 @@
 title: DevLog @ 2025.06.08
 category: DevLog
 date: 2025-06-08
+excerpt: |
+  How we make Live2D models follow the cursor position, and the how it's challenging to calculate across multiple displays.
 preview-cover:
   light: "@assets('./assets/250608-light.avif')"
   dark: "@assets('./assets/250608-dark.avif')"
diff --git a/docs/content/en/blog/DevLog-2025.07.18/index.md b/docs/content/en/blog/DevLog-2025.07.18/index.md
index 71d98d005..a083bdeda 100644
--- a/docs/content/en/blog/DevLog-2025.07.18/index.md
+++ b/docs/content/en/blog/DevLog-2025.07.18/index.md
@@ -2,6 +2,8 @@
 title: DevLog @ 2025.07.18
 category: DevLog
 date: 2025-07-18
+excerpt: |
+  We would love to share how we plan to improve our Factorio AI agent project, `airi-factorio`, based on the Factorio Learning Environment paper.
 preview-cover:
   light: "@assets('./assets/factorio-belt.gif')"
   dark: "@assets('./assets/factorio-belt.gif')"
diff --git a/docs/content/en/blog/DevLog-2025.08.01/index.md b/docs/content/en/blog/DevLog-2025.08.01/index.md
index a3d668d41..f72cb42bf 100644
--- a/docs/content/en/blog/DevLog-2025.08.01/index.md
+++ b/docs/content/en/blog/DevLog-2025.08.01/index.md
@@ -2,6 +2,8 @@
 title: DevLog @ 2025.08.01
 category: DevLog
 date: 2025-08-01
+excerpt: |
+  Makito will share her journey from implementing text animations in AIRI to building a library to handle grapheme clusters as they arrive in a stream of UTF-8 bytes.<br /> We hope you find it informative and inspiring!
 preview-cover:
   light: "@assets('./assets/cover-light.avif')"
   dark: "@assets('./assets/cover-dark.avif')"
diff --git a/docs/content/en/blog/DreamLog-0x1/index.md b/docs/content/en/blog/DreamLog-0x1/index.md
index 88a86fbb8..806d60fc4 100644
--- a/docs/content/en/blog/DreamLog-0x1/index.md
+++ b/docs/content/en/blog/DreamLog-0x1/index.md
@@ -22,10 +22,6 @@ import projectAIRIBannerDark from './assets/banner-dark-1280x640.avif';
 import ReLUStickerWow from './assets/relu-sticker-wow.avif'
 </script>
 
-The backstory of Project AIRI!
-
----
-
 Hello, it's me, Neko again!
 
 First of all, good summer for you folks living in north hemisphere!
diff --git a/docs/content/zh-Hans/blog/DevLog-2025.07.18/index.md b/docs/content/zh-Hans/blog/DevLog-2025.07.18/index.md
index 1309ba05e..8d8392a7c 100644
--- a/docs/content/zh-Hans/blog/DevLog-2025.07.18/index.md
+++ b/docs/content/zh-Hans/blog/DevLog-2025.07.18/index.md
@@ -2,6 +2,8 @@
 title: DevLog @ 2025.07.18
 category: DevLog
 date: 2025-07-18
+excerpt: |
+  在阅读完有关 Factorio 强化学习环境的论文后，我们想和大家分享我们如何计划改进 Factorio agent 项目 `airi-factorio`。
 preview-cover:
   light: "@assets('../../../en/blog/DevLog-2025.07.18/assets/factorio-belt.gif')"
   dark: "@assets('../../../en/blog/DevLog-2025.07.18/assets/factorio-belt.gif')"
diff --git a/docs/content/zh-Hans/blog/DevLog-2025.08.01/index.md b/docs/content/zh-Hans/blog/DevLog-2025.08.01/index.md
index 08df3552c..fa978c3ea 100644
--- a/docs/content/zh-Hans/blog/DevLog-2025.08.01/index.md
+++ b/docs/content/zh-Hans/blog/DevLog-2025.08.01/index.md
@@ -2,6 +2,8 @@
 title: DevLog @ 2025.08.01
 category: DevLog
 date: 2025-08-01
+excerpt: |
+  Makito 会分享她在 AIRI 中实现文本动画的过程，以及如何构建一个从 UTF-8 字节流中边接收边读出「字素簇」（grapheme cluster）的库。希望对你有所启发！
 preview-cover:
   light: "@assets('../../../en/blog/DevLog-2025.08.01/assets/cover-light.avif')"
   dark: "@assets('../../../en/blog/DevLog-2025.08.01/assets/cover-dark.avif')"
diff --git a/docs/content/zh-Hans/blog/DreamLog-0x1/index.md b/docs/content/zh-Hans/blog/DreamLog-0x1/index.md
index 3e210f97a..e375ae2f3 100644
--- a/docs/content/zh-Hans/blog/DreamLog-0x1/index.md
+++ b/docs/content/zh-Hans/blog/DreamLog-0x1/index.md
@@ -2,6 +2,7 @@
 title: 'DreamLog 0x1'
 description: 'Project AIRI 的幕后故事！'
 date: '2025-06-16'
+excerpt: 'Project AIRI 的幕后故事！以及为什么我们会想要制作如此一个项目？'
 preview-cover:
   light: '../../../en/blog/DreamLog-0x1/assets/dreamlog1-light.png'
   dark: '../../../en/blog/DreamLog-0x1/assets/dreamlog1-dark.png'
@@ -23,10 +24,6 @@ import '../../../en/blog/DreamLog-0x1/assets/dreamlog1-light.png'
 import '../../../en/blog/DreamLog-0x1/assets/dreamlog1-dark.png'
 </script>
 
-Project AIRI 的幕后故事！
-
----
-
 哈啰，又是我，Neko！
 
 首先，祝居住在北半球的朋友们暑假/夏日愉快！