如何在Gatsby JS中修改智能引号的语言配置规则

gatsby-remark-smartypants原生支持自定义智能引号转换规则，无需引入额外第三方库，修改配置即可实现法语角引号（« »）替换默认双引号的需求，具体操作步骤如下：

• 打开项目根目录下的gatsby-config.js文件，定位到gatsby-transformer-remark的插件配置段，找到gatsby-remark-smartypants的配置项，添加quotes参数配置，示例如下：

{
  resolve: `gatsby-transformer-remark`,
  options: {
    plugins: [
      {
        resolve: `gatsby-remark-smartypants`,
        options: {
          // 数组顺序依次为：开双引号、闭双引号、开单引号、闭单引号
          quotes: ["«", "»", "‹", "›"]
        }
      }
    ]
  }
}

• 如果你当前使用的是MDX格式内容，对应gatsby-plugin-mdx的配置调整如下：

{
  resolve: `gatsby-plugin-mdx`,
  options: {
    mdxOptions: {
      remarkPlugins: [
        [require(`remark-smartypants`), {
          quotes: ["«", "»", "‹", "›"]
        }]
      ]
    }
  }
}

• 配置修改完成后，运行gatsby clean清除本地缓存，再重启开发服务即可生效。

你已在seo.js完成的挪威语站点配置和该引号排版规则配置互相独立，无需额外调整适配。

内容的提问来源于stack exchange，提问作者Magnus Kolstad