docs: enrich blog index pages with topic overview

docs/en-gb/blog/index.md

@@ -4,4 +4,15 @@ title: Blog
 
 # Blog
 
-Welcome to blog of OnixByte, we will share developing experiences here.
+Welcome to the OnixByte blog — a collection of practical guides, cheatsheets, and standards
+distilled from daily engineering work.
+
+## Topics
+
+- **Frontend** — React patterns, TailwindCSS tips, ECMAScript syntax guides, browser quirks
+- **Backend & Database** — Java development, MyBatis, PostgreSQL, MySQL JSON
+- **DevOps & Infrastructure** — Docker, GitLab CI/CD, LDAP, MinIO, macOS troubleshooting
+- **Engineering Standards** — code review, version control, general and language-specific conventions
+- **Tools & Productivity** — email etiquette, font sizing, data analysis methods
+
+Browse the sidebar or scroll through the posts below — each article is self-contained and written to be immediately useful.

docs/zh-hans/blog/index.md

@@ -4,4 +4,14 @@ title: 博客
 
 # 博客
 
-欢迎来到 OnixByte 博客，这里会分享技术文章和项目动态。
+欢迎来到 OnixByte 博客，这里汇集了日常工程实践中沉淀的实用指南、速查手册和开发规范。
+
+## 话题分类
+
+- **前端** — React 模式、TailwindCSS 技巧、ECMAScript 语法指南、浏览器疑难杂症
+- **后端与数据库** — Java 开发、MyBatis、PostgreSQL、MySQL JSON
+- **DevOps 与基础设施** — Docker、GitLab CI/CD、LDAP、MinIO、macOS 故障排查
+- **工程规范** — 代码评审、版本控制、通用与语言专项编码标准
+- **工具与效率** — 邮件礼仪、字号换算、数据分析方法
+
+侧边栏浏览或直接翻阅下方文章——每篇内容独立成文，即读即用。