rdsx.dev 项目启动与配置教程

1. 项目的目录结构及介绍

rdsx.dev 是一个使用 Next.js 和 TailwindCSS 制作的简约型个人作品集模板，支持动态 MDX 内容，例如博客文章和 RSS 订阅源。以下是项目的目录结构及其简单介绍：

rdsx.dev/
├── content/           # 存放 MDX 格式的博客文章、项目等内容
│   ├── blogs/
│   ├── projects/
│   ├── tils/
│   └── others/
├── public/            # 公共静态文件目录
├── src/               # 源代码目录
│   ├── components/    # 通用组件
│   ├── config/        # 配置文件
│   ├── layouts/       # 页面布局
│   ├── pages/         # 页面文件
│   └── styles/        # 样式文件
├── .github/           # GitHub 工作流和配置文件
├── .gitignore         # Git 忽略文件列表
├── bun.lockb          # bun 包管理器的锁定文件
├── package.json       # 项目依赖和配置
├── postcss.config.mjs # PostCSS 配置文件
├── rss.ts             # RSS 订阅源生成脚本
├── tailwind.config.ts # TailwindCSS 配置文件
├── tsconfig.json      # TypeScript 配置文件
└── velite.config.ts   # Velite 内容管理配置文件

2. 项目的启动文件介绍

项目的启动主要通过以下文件进行：

• package.json：包含项目的依赖和脚本。可以使用以下命令启动开发服务器：

  bun install
  bun dev
  

  这将启动一个本地开发服务器，通常在 http://localhost:3000。

• bun velite dev：启动 Velite 内容管理的开发服务器，用于实时预览内容更改。

3. 项目的配置文件介绍

项目的配置主要通过以下文件进行：

• src/config/site.config.ts：网站的基本配置，如网站标题、描述、SEO 信息、社交媒体链接等。

• src/config/portfolio.config.ts：个人资料配置，如姓名、职位、简介等。

• src/config/experience.config.ts：工作经验配置，用于展示个人经历。

• tailwind.config.ts：TailwindCSS 的配置文件，用于自定义主题、颜色等。

• velite.config.ts：Velite 内容管理的配置文件，用于定义内容类型和集合。

通过修改这些配置文件，你可以轻松地定制和调整项目以满足个人需求。