首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏learn-anything.cn

    Gatsby中怎么使用MDX?

    # 安装插件及其依赖库 npm install gatsby-source-filesystem gatsby-plugin-mdx @mdx-js/mdx @mdx-js/react # 或 yarn add gatsby-source-filesystem gatsby-plugin-mdx @mdx-js/mdx @mdx-js/react gatsby-source-filesystem : gatsby-plugin-mdx :转换 allFile 节点中格式为 .mdx、.md 的文件,生成新的 gatsby 数据层节点:allMdx、mdx。 name: `posts`, path: `${__dirname}/src/mdx/`, }, }, { resolve: `gatsby-plugin-mdx about.js import * as React from "react" import { graphql } from "gatsby" import { MDXRenderer } from "gatsby-plugin-mdx

    1.7K10编辑于 2021-12-02
  • 来自专栏learn-anything.cn

    Gatsby中怎么加载图片?

    Eating potato-based foods 2、解决方案 第一步:把 .mdx 文件转换为 MDX 数据节点,安装下面插件 npm install gatsby-source-filesystem gatsby-plugin-mdx : { name: `posts`, path: `${__dirname}/src/mdx/`, }, }, { resolve: `gatsby-plugin-mdx import * as React from 'react' import { graphql } from 'gatsby' import { MDXRenderer } from 'gatsby-plugin-mdx

    3.9K50编辑于 2021-12-03
  • 来自专栏微言码道

    前端之变(三):变革与突破

    "^4.4.0", "gatsby-plugin-manifest": "^2.9.1", "gatsby-plugin-material-ui": "^2.1.10", "gatsby-plugin-mdx

    2.5K20发布于 2021-06-21
领券