https://github.com/clevali/clevali.io
一个简洁的个人站， base on nextjs
https://github.com/clevali/clevali.io
blog docker mdx nextjs nginx react
Last synced: about 2 months ago
JSON representation
一个简洁的个人站， base on nextjs
- Host: GitHub
- URL: https://github.com/clevali/clevali.io
- Owner: clevali
- License: mit
- Created: 2025-03-14T16:03:44.000Z (2 months ago)
- Default Branch: master
- Last Pushed: 2025-04-04T16:01:27.000Z (about 2 months ago)
- Last Synced: 2025-04-04T17:21:48.414Z (about 2 months ago)
- Topics: blog, docker, mdx, nextjs, nginx, react
- Language: TypeScript
- Homepage: https://www.clevali.cn
- Size: 792 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# clevali.io 🌟
[](https://nextjs.org/)
[](https://opensource.org/licenses/MIT)
[](https://github.com/clevali/clevali.io/pulls)
**现代极简主义者的终极博客模板** | Lighthouse表现优秀 ⚡ | 轻量级/无需繁杂配置 🚀
## ✨ 核心特性
- ⚡ 基于 Next.js 14，极速加载体验，SEO100%
- 🎨 使用 Tailwind CSS，快速构建响应式UI
- 🖼️ 集成 Framer Motion，带来流畅的动画效果
- 📚 使用 Contentlayer，轻松管理mdx内容
- 🌙 支持暗黑模式，保护眼睛，丝滑切换
- 📱 响应式设计，适配移动端
- ⚠️ husky git hook限制，防止错误部署
- 🤖 docker + github action 自动部署到云服务器，省时省力
# 🏠 项目结构
````
clevali.io/
├── .husky/ # Husky Git钩子
├── .github/ # GitHub actions配置
├── blogs/ # 博客文章目录
├── nginx/ # 博客文章目录
│ └── nginx.conf # 服务器nginx配置
├── public/ # 静态资源目录
├── src/ # 源代码目录
│ ├── actions/ # server actions
│ ├── app/ # App Router页面
│ ├── assets/ # 项目资源文件
│ ├── components/ # 组件目录
│ ├── constant/ # 常量配置
│ │ └── conponents-map.ts # mdx组件映射配置
│ ├── hooks/ # 自定义hooks
│ ├── lib/ # 工具函数
│ │ └── index.ts # 工具函数入口
│ ├── style/ # 样式文件
│ └── types/ # 类型定义
├── tailwind.config.ts # Tailwind CSS配置
├── tsconfig.json # TypeScript配置
├── .dockerignore # Docker忽略文件
├── .eslintrc.json # ESLint配置
├── .gitignore # Git忽略文件
├── Dockerfile # Docker构建文件
├── LICENSE # 许可证文件
├── components.json # 组件配置
├── contentlayer.config.ts # Contentlayer配置
├── next.config.mjs # Next.js配置
├── package.json # 项目依赖配置
├── postcss.config.mjs # PostCSS配置
└── README.md # 项目说明文档
````
⚡ Lighthouse
如果刨去第三方字体，性能会更佳~
## 🚀 快速启动
1. 克隆仓库
```bash
git clone https://github.com/clevali/clevali.io.git
```
2. 安装依赖
```bash
pnpm install # 推荐使用pnpm
```
3. 本地运行
```bash
pnpm dev
```
4. 访问本地
````
http://localhost:3000/
````
## 🔨 构建
```bash
pnpm build
```
## ☁️ 部署
[如何在利用github action + Docker 自动化部署nextjs个人网站](https://www.clevali.cn/blog/blog-8)
## 📄 许可证
本项目采用 MIT 许可证 。