我的个人网站
个人网站博客
项目背景
茫茫网络大世界中的一个小角落。本项目几经迭代,开始采用我自研的 Everblog 系统生成(基于Evernote笔记的博客系统)。
后来随着Evernote的没落,渐渐不能满足需求。由于我对React非常熟悉,同时对性能、SEO有严格的要求,所以选择 Next.js 技术栈重构了。
功能特点
- 首页:个人简介和主要导航
- 关于我:工作经历和技能介绍
- 项目:个人项目简要展示
- 博客:技术文章和想法分享
- 中/英文双语支持
技术栈
- 框架: Next.js
- 样式: Tailwind CSS
- 语言: TypeScript
- 样式处理: PostCSS
- 内容解析: remark
- 国际化: next-intl
- 部署: Cloudflare Pages
主要特性
国际化支持
- 基于 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