项目展示

在实践中学习,用代码解决问题

个人博客系统

基于 React + TypeScript 开发的个人博客系统,支持 Markdown 渲染、代码高亮、暗色模式切换等功能。

ReactTypeScriptTailwind CSSVite
响应式设计Markdown 渲染代码高亮暗色模式

任务管理工具

一款简洁的任务管理应用,支持任务分类、优先级设置、截止日期提醒,帮助提升工作效率。

Vue 3PiniaElement Plus
拖拽排序本地存储数据导出快捷键支持

API 接口文档生成器

基于 OpenAPI 规范的接口文档生成工具,自动解析 Swagger 文件并生成美观的在线文档。

Node.jsExpressReact
自动解析实时预览主题切换离线导出

数据库性能监控面板

用于监控数据库性能的可视化工具,实时展示慢查询、连接数、缓存命中率等关键指标。

PythonFlaskEChartsPostgreSQL
实时监控告警通知历史趋势性能分析

代码片段管理器

开发者常用的代码片段收藏与管理工具,支持分类、搜索、一键复制,提升编码效率。

ReactIndexedDBMonaco Editor
语法高亮分类管理全文搜索快速复制

静态站点生成器

轻量级静态站点生成工具,支持 Markdown 转 HTML、模板系统、自动部署等功能。

Node.jsMarkdown-itNunjucks
快速构建模板继承热更新插件系统