欢迎来到我的个人技术博客！

大家好！欢迎来到我的个人技术博客。我是jikns，一名热爱探索世界的学者。

关于这个博客

这个博客是基于 Next.js 和 Tailwind CSS 构建的，基于优秀的开源模板 tailwind-nextjs-starter-blog进行二次开发。

主要特性

• ✨ 现代化技术栈：Next.js 15 + React 19 + TypeScript
• 🎨 优雅的设计：Tailwind CSS + 深色/浅色主题切换
• 📝 MDX 支持：在 Markdown 中使用 React 组件
• 🔍 搜索功能：内置搜索，快速找到内容
• 📱 响应式设计：完美适配各种设备
• ⚡ 性能优化：接近满分的 Lighthouse 评分

我将分享什么？

在这个博客中，我计划分享以下内容：

前端开发

• React 和 Next.js 最佳实践
• TypeScript 进阶技巧
• CSS 和 Tailwind CSS 使用心得
• 前端性能优化

后端技术

• Node.js 和 Express 开发经验
• 数据库设计和优化
• API 设计最佳实践
• 微服务架构

工具和效率

• 开发工具推荐
• VS Code 插件和配置
• Git 工作流程
• 自动化部署

学习心得

• 技术书籍读后感
• 在线课程推荐
• 开源项目分析
• 职业发展思考

代码示例

这里是一个简单的 React 组件示例：

import React from 'react'

interface WelcomeProps {
  name: string
}

const Welcome: React.FC<WelcomeProps> = ({ name }) => {
  return (
    <div className="rounded-lg bg-blue-50 p-6">
      <h2 className="text-2xl font-bold text-blue-800">欢迎，{name}！</h2>
      <p className="mt-2 text-blue-600">感谢您访问我的技术博客。</p>
    </div>
  )
}

export default Welcome

数学公式支持

这个博客还支持数学公式渲染，比如：

行内公式：$E = mc^2$

块级公式：

联系我

如果您对我的文章有任何问题或建议，欢迎通过以下方式联系我：

• 📧 邮箱：[email protected]
• 🐙 GitHub：@jikns
• 🐦 Twitter：@jikns

结语

感谢您的访问！我会定期更新这个博客，分享我在技术路上的所见所得。希望这些内容能对您有所帮助。