🚀 快速开始(作为模板使用)
目标:在 完全不使用本地环境 的前提下,基于本模板创建你的 Rspress 文档站,并部署到 GitHub Pages。
1. 使用本模板创建你的仓库
- 打开本仓库主页:
https://github.com/XinDi-Technology/rspress-theme-aim - 点击右上角 Use this template → Create a new repository
- 填写:
- Repository name:比如
my-rspress-site - Public / Private:建议 Public(Pages 更简单)
- Repository name:比如
- 点击 Create repository。
- 你的新仓库已经包含和本仓库一样的所有文件。
2. 修改 base 为你的仓库名(重要)
- 在新仓库中打开
rspress.config.ts。 - 找到这一行:
改成:
例如你的仓库叫 my-rspress-site,就写:
GitHub Pages 的访问路径通常是: https://<你的 GitHub 用户名>.github.io/<你的仓库名>/ base 必须与 <你的仓库名> 保持一致,静态资源和路由才会正常工作。
提交变更到 main 分支。
3. 开启 GitHub Pages(使用 Actions)
在新仓库中进入 Settings → Pages。 在 Build and deployment 区域: Source:选择 GitHub Actions。 保存设置。
4. 触发一次部署并访问站点
在仓库中任意修改一个小文件(比如 README.md),提交到 main。
打开 Actions 页面,等待 Deploy Rspress to GitHub Pages 工作流变绿 ✅。
回到 Settings → Pages,你会看到站点 URL,形如:
https://<你的 GitHub 用户名>.github.io/<你的仓库名>/ 打开该链接,即可看到你的 Rspress 文档站。
📁 项目结构 Project Structure
如需添加更多文档,只需在 docs/ 目录下增加 .md/.mdx 文件并提交。
🛠 本地开发(可选)
虽然本模板主打“零本地环境”,但你也可以选择 clone 到本地进行开发。
本模板默认使用 pnpm,你也可以修改 deploy.yml 和本地命令改用 npm 或 yarn。
🎨 自定义主题与样式(进阶)
本模板默认使用 Rspress 提供的内置主题,已足够支撑大多数文档站场景。 当你希望进一步定制视觉风格或布局结构时,可以参考官方文档:
自定义主题:https://rspress.rs/zh/guide/basic/custom-theme
CSS 变量(品牌色、首页背景、代码块等): https://rspress.rs/zh/ui/vars
插件机制(扩展 Markdown、构建流程、全局组件等): https://rspress.rs/zh/plugin/system/introduction
一个典型的样式扩展方案是:
新建 theme/index.tsx,重导出默认主题并引入自定义 CSS; 新建 theme/index.css,从官方 CSS 变量页面复制默认变量并按需修改。
🔄 升级 Rspress 版本
本模板默认依赖:
这意味着:
同一大版本(2.x)的小版本更新会自动跟进; 当 Rspress 发布 3.x 时,如果你希望升级,只需在 package.json 中修改为:
然后提交代码,让 GitHub Actions 重新构建即可。 如遇大版本不兼容变更,请参考官方升级指南调整 rspress.config.ts 等配置。