Docusaurus Plugins

一些好用的 Docusaurus 插件 & 配置

Image-zoom

给 Docusaurus 的图片添加一个放大功能

安装与配置

使用如下命令安装

npm install docusaurus-plugin-image-zoom --save

安装完成后在 docusaurus.config 中进行配置，添加 plugins，并在 themeConfig 中添加 zoom 配置：

docusaurus.config.js

const config = {
    ...
    plugins: [require.resolve("docusaurus-plugin-image-zoom")],
    ...
    themeConfig:
    {{
        ...
        zoom: {
            selector: '.markdown :not(em) > img',
            config: {
            margin:0,
            background: {
                light: 'rgb(255, 255, 255)',
                dark: 'rgb(50, 50, 50)'
            }
            }
        }
        ...
    }}
}

配置完成后，重新启动 Docusaurus 即可生效

Rough Notation

使用 Rough Notation 给文字添加 各种标记

安装与配置

使用如下命令安装

react-rough-notation

npm install --save react-rough-notation

用法参考 React Rough Notation