这是一个基于 Next.js 15 开发的个人博客系统,采用 TypeScript 和 Tailwind CSS 构建,支持 Markdown 格式文章发布。
- 现代化技术栈:Next.js 15 (App Router) + TypeScript + Tailwind CSS
- 响应式设计:适配桌面端和移动端设备
- 深色模式:支持亮色和暗色主题切换
- SEO 友好:内置元数据优化和 RSS 订阅支持
- Markdown 支持:使用 Markdown 编写博客文章
- 标签系统:文章标签分类和筛选
- 搜索功能:全文搜索支持
- 分页功能:文章分页展示
- 标签
- 搜索
- 说说(通过RSS获取后格式化)
- 相册优化
- Gitalk(配置文件:components/gitalk.tsx)
- 友链卡片
- RSS
- sitemap
无单独配置文件,所以你可以全局搜索替换 搬砖日记 banzhuanriji.com 字样。
文章存放:content/posts/
静态文件存放: public/
友链配置:lib/friends.ts 配置格式如下:
{
id: '1',
name: '搬砖日记',
url: 'https://banzhuanriji.com',
description: '',
avatar: 'https://banzhuanriji.com/icon.png',
}
文章和页面使用相册控件格式:
<Gallery>
<img src="/img/mesh-21.webp" alt="图片1" />
<img src="/img/mesh-240.webp" alt="图片2" />
<img src="/img/mesh-253.webp" alt="图片3" />
</Gallery>
- Node.js 18.17 或更高版本
- npm, yarn 或 pnpm
npm install
# 或
yarn install
# 或
pnpm install