@zhouhua-dev/remark-media-card-gatsby

Remark Media Card Gatsby

中文 | English

本插件的功能和使用方法请参考 remark-media-card，本项目仅仅是为了兼容 gatsby 框架而进行了一层包装。

安装

npm install @zhouhua-dev/remark-media-card-gatsby --save-dev

使用方法

如果使用的是 gatsby-transformer-remark 插件，在 plugins 数组中添加本插件：

// gatsby-config.js
module.exports = {
  // gatsby 配置
  plugins: [
    // 其他插件
    {
      resolve: 'gatsby-transformer-remark',
      options: {
        plugins: [
          '@zhouhua-dev/remark-media-card-gatsby',
          // 其他 gatsby-transformer-remark 插件
        ],
      },
    },
  ],
};

如果使用的是 gatsby-plugin-mdx 插件，在 gatsbyRemarkPlugins 中添加本插件：

// gatsby-config.js
module.exports = {
  // gatsby 配置
  plugins: [
    // 其他插件
    {
      resolve: 'gatsby-plugin-mdx',
      options: {
        gatsbyRemarkPlugins: [
          '@zhouhua-dev/remark-media-card-gatsby',
        ],
      },
    },
  ],
};

demo

blog