我的个人网站

个人网站博客

项目背景

茫茫网络大世界中的一个小角落。本项目几经迭代,开始采用我自研的 Everblog 系统生成(基于Evernote笔记的博客系统)。

后来随着Evernote的没落,渐渐不能满足需求。由于我对React非常熟悉,同时对性能、SEO有严格的要求,所以选择 Next.js 技术栈重构了。

功能特点

  • 首页:个人简介和主要导航
  • 关于我:工作经历和技能介绍
  • 项目:个人项目简要展示
  • 博客:技术文章和想法分享
  • 中/英文双语支持

技术栈

主要特性

国际化支持

  • 基于 next-intl 实现中英文双语切换
  • 路由自动适配语言参数

内容管理

  • 静态内容:JSX 源码开发
  • 动态内容:Markdown 格式存储
  • 使用 remark 进行运行时解析渲染

性能优化

  • Next.js SSG 全栈静态化导出
  • Cloudflare CDN 全球加速

开发

# 安装依赖
npm install

# 开发模式
npm run dev

# 构建
npm run build

# 预览
npm run start

部署

项目托管在 Cloudflare Pages,自动构建部署。

# 构建 - 静态导出 - 部署
npm run deploy

开源协议

MIT