2025-10-01 前端 js ts react rspress 建站 318 1 分钟

记录Rspress个人博客建站

主要参考了一位大佬的个人博客 首页 - SumyBlog (源码 sumy7/SumyBlog-rspress ) 和官方文档 Rspress - 基于 Rsbuild 的静态站点生成器

这两篇博客对我有很大帮助:

插件使用情况

  • plugin-resolver: 自己魔改后的大佬插件
    • 删除了子分类功能
    • 删除了基于日期的路由注册功能,使用Rspress自动路由
  • plugin-reading-info: 直接使用大佬的插件
  • plugin-add-CNAME: 实现每次build后添加CNAME文件以适配Github Page自定义域名
  • rspress-plugin-sitemap: 来自社区的插件,实现生成sitemap.xml
  • rspress-plugin-gh-page: 来自社区的插件,实现每次运行npm run build命令后将输出的静态站点内容上传到指定仓库指定分支,免去等待Github Actions部署的烦恼。

默认主题改造

参考大佬的实现实现标签云、文章信息和站点访问量统计(使用插槽、计数统计来自不蒜子)和giscus评论部分(使用插槽)。自己实现自定义的HomeLayout和NotFoundLayout。

总结

Rspress构建速度很快,大约几百ms,体验很好。一个npm run build就发布了,很方便。