完成 Astro 博客搭建

使用 Astro 框架搭建了个人博客，支持 MDX 组件和响应式设计。

学习 React 19

深入学习了 React 19 的新特性，包括并发渲染和自动批处理。

• 学习了 React 19 的核心概念
• 实践了多个 React 19 项目
• 撰写了 React 19 学习笔记

参与开源项目

为多个开源项目贡献代码，包括 Astro 和 React 生态系统。

主要贡献了以下内容：

• 修复了 Astro 组件的 bug
• 为 React 库添加了新功能
• 改进了文档和示例

创建 Timeline 组件

成功创建了 Timeline.astro 组件，支持时间线展示和深色模式。

学习 TypeScript 5.5

计划学习 TypeScript 5.5 的新特性，提升代码质量和开发效率。

开发新的博客主题

计划为博客开发一个新的主题，支持更多自定义选项和动画效果。

复杂内容测试

Timeline 组件支持复杂的内容结构，包括：

• 标题和段落
• 有序和无序列表
• 图片和链接
• 代码块

代码示例

1
// 这是一段 JavaScript 代码
2
function hello() {
3
  console.log("Hello, Timeline!");
4
}
5

6
hello();

图片示例

深色模式支持

Timeline 组件已经完全适配了博客的深色模式，在不同主题下都能提供良好的视觉体验。

主要适配内容包括：

• 背景色和边框色的调整
• 文字颜色的适配
• 阴影效果的调整

响应式布局

Timeline 组件采用了响应式设计，在不同屏幕尺寸下都能正常显示。

主要特点：

• 在桌面端展示完整的时间线效果
• 在移动端自动调整布局，确保良好的阅读体验
• 图片自动适应容器宽度