HUTAO's Tech Blog

个人技术博客，分享开发经验、项目实践和技术思考。

🌐 在线访问: https://awfp1314.github.io

✨ 特性

• 📝 Markdown 写作 - 使用 MDX 支持，可嵌入 React 组件
• 🎨 现代化设计 - 基于 TailwindCSS 的响应式布局
• 🌙 代码高亮 - Expressive Code 提供优雅的代码展示
• 🚀 极速加载 - Astro 静态生成，秒开体验
• 📱 移动优先 - 完美适配各种设备
• 🔍 SEO 优化 - 搜索引擎友好

🛠️ 技术栈

• 框架: Astro 5.17 - 现代化静态站点生成器
• UI 库: React 19 - 用于交互组件
• 样式: TailwindCSS 3.4 - 实用优先的 CSS 框架
• 内容: MDX - Markdown + JSX
• 代码高亮: Expressive Code - 优雅的代码展示
• 图标: Lucide Astro - 精美的图标库
• 部署: GitHub Pages - 免费托管

📂 项目结构

awfp1314.github.io/
├── src/
│   ├── components/     # React 组件
│   ├── content/        # 博客文章（MDX）
│   ├── layouts/        # 页面布局
│   ├── pages/          # 路由页面
│   └── styles/         # 全局样式
├── public/             # 静态资源
├── astro.config.mjs    # Astro 配置
├── tailwind.config.mjs # TailwindCSS 配置
└── package.json        # 项目配置

🚀 本地开发

环境要求

• Node.js 18+
• pnpm（推荐）或 npm

安装与运行

# 克隆仓库
git clone https://github.com/Awfp1314/awfp1314.github.io.git
cd awfp1314.github.io

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

访问 http://localhost:4321 查看博客。

创建新文章

# 使用脚本创建新文章
pnpm new

按提示输入文章标题、分类等信息，脚本会自动生成文章模板。

构建部署

# 构建生产版本
pnpm build

# 预览构建结果
pnpm preview

📝 博客内容

博客主要分享以下内容：

• 🤖 AI 应用开发 - LLM 应用实践、MCP 协议、RAG 技术
• � 项目实践 - UE_Too实lkitAI 开发经验和技术方案
• � 技术探索 - 新技术学习和问实践心得
• � 问题解决 - 开发中遇到的问题和解决方案

🎯 特色文章

• AI 应用开发实践（MCP、Transformer、RAG）
• UE_ToolkitAI 架构设计与实现
• Python 桌面应用开发经验
• 知识管理与工具使用

🤝 贡献

欢迎提交 Issue 和 Pull Request：

• 发现错别字或技术错误
• 建议新的文章主题
• 改进博客功能和设计

📄 许可证

本项目采用 MIT 许可证 - 详见 LICENSE 文件

👨‍💻 关于作者

HUTAO - AI 应用开发者，专注于：

• 🤖 LLM 应用开发（多模型集成、Function Calling、MCP 协议）
• 🎮 Unreal Engine 工具开发（AI 驱动的桌面工具箱）
• 🐍 Python 桌面应用（PyQt6 + Flask）
• 🌐 Web 全栈开发（React + Vite）

联系方式:

• GitHub: @Awfp1314
• Email: w184961997@gmail.com
• Blog: https://awfp1314.github.io

---

⭐ 如果觉得内容有帮助，欢迎 Star 支持！