fix: update gatsby-remark-images options

gatsby-config.js

@@ -93,6 +93,7 @@ module.exports = {
       resolve: 'gatsby-transformer-remark',
       options: {
         plugins: [
+          'gatsby-remark-relative-images',
           {
             resolve: 'gatsby-remark-katex',
             options: {
@@ -101,7 +102,11 @@ module.exports = {
           },
           {
             resolve: 'gatsby-remark-images',
-            options: { maxWidth: 960 }
+            options: {
+              maxWidth: 960,
+              withWebp: true,
+              ignoreFileExtensions: [],
+            }
           },
           {
             resolve: 'gatsby-remark-responsive-iframe',

gatsby/on-create-node.js

@@ -2,13 +2,10 @@
 
 const _ = require('lodash');
 const { createFilePath } = require('gatsby-source-filesystem');
-const { fmImagesToRelative } = require('gatsby-remark-relative-images');
 
 const onCreateNode = ({ node, actions, getNode }) => {
   const { createNodeField } = actions;
 
-  fmImagesToRelative(node);
-
   if (node.internal.type === 'MarkdownRemark') {
     if (typeof node.frontmatter.slug !== 'undefined') {
       createNodeField({