跳到主要内容

3 篇博文 含有标签「Docusaurus」

查看所有标签

Doucsaurus自定义blog列表的分页

· 阅读需 6 分钟
zgh
Front-end Engineer

默认情况下,Docusaurus 的 blog 列表分页是「较新的博文/较旧的博文」的形式。如果想改成数字按钮形式,需要自定义分页组件。

我的需求如下:

  1. 需要一个除了 /blog 以外的路径,例如:/code
  2. code 列表页可以使用自定义的分页组件,blog 列表页使用默认的分页组件

Doucsaurus配置

· 阅读需 12 分钟
zgh
Front-end Engineer

文档:https://docusaurus.io/docs

create-docusaurus是一个创建 Docusaurus 应用的脚手架工具。

初始化项目:

npx create-docusaurus@latest my-website classic --typescript --package-manager pnpm
  • 项目名:my-website
  • 模板:classic
  • 使用 typescript
  • 使用 pnpm

如果查看 tsconfig.json 或者执行pnpm typecheck报错,安装以下依赖:

pnpm add -D @docusaurus/theme-classic @types/node