二、建站过程——Rspress尝试
Rspress 尝试过程Rspress 是一个基于 Rspack 的静态站点生成器,特别适合用于构建文档网站。在框架选型阶段,我也尝试了 Rspress,以下是尝试过程及一些心得。 Rspress 搭建过程搭建 Rspress 的过程相对直接,主要参考了其官方文档 步骤大致如下: 初始化项目: 可以通过脚手架 npm create rspress@latest 或手动创建目录并初始化 npm 项目。我选择了手动方式,创建了项目目录并运行 npm init -y。 安装 Rspress: 使用 npm、pnpm、yarn 或 bun 安装 Rspress 作为开发依赖。我使用了 npm:npm install rspress -D 创建文档目录和首页: 按照约定,创建 docs 目录并在其中创建 index.md 作为首页:mkdir docs && echo '# Hello world' > docs/index.md 配置 package.json 脚本: 在 package.json 中添加用于开发、构建和预览的脚本: 123...
一、建站过程——框架选型
建站框架选型过程在搭建个人博客的初期,我调研了几种流行的静态站点生成器,旨在找到一个既能满足我的技术偏好,又能提供良好写作和维护体验的框架。以下是我当时考虑的几个主要选项: 1. NextraNextra 是基于 Next.js 的静态站点生成器,特别适合构建文档网站。它利用了 Next.js 的强大功能,如文件系统路由、API 路由等,并且支持 MDX,可以直接在 Markdown 中使用 React 组件。Nextra 的优势在于其灵活性和与 React 生态的紧密结合,对于熟悉 Next.js 的开发者来说非常友好。然而,对于一个以博客为主的站点,Nextra 可能显得有些“重”,且其主要设计目标是文档,而非传统意义上的博客。 2. DumiDumi 是基于 UmiJS 的组件级文档和静态站点工具,主要面向组件开发者。它提供了丰富的组件演示和调试能力,内置全文搜索,并且编译性能优秀。Dumi 在展示组件和构建组件库文档方面表现出色,但与 Nextra 类似,它更侧重于技术文档和组件展示,用于个人博客可能不是最直接的选择。 3. RspressRspress 是基于 Rspa...
