fix bugs of stoneatom#309 and stoneatom#310 (stoneatom#313)

Co-authored-by: mergify[bot] <37929162+mergify[bot]@users.noreply.github.com>

website/docusaurus.config.js

@@ -63,7 +63,7 @@ const config = {
             if(locale !== 'en') {
               return `https://github.com/stoneatom/stonedb/edit/stonedb-5.7/website/i18n/${locale}/docusaurus-plugin-content-docs/current/${docPath}`
             }
-            return `https://github.com/stoneatom/stonedb/edit/stonedb-5.7/${versionDocsDirPath}/${docPath}`
+            return `https://github.com/stoneatom/stonedb/edit/stonedb-5.7/Docs/${docPath}`
           },
         },
         theme: {

website/src/theme/MDXComponents/Image.tsx

@@ -1,18 +1,34 @@
 import React from 'react';
-import {pipe, split, map, fromPairs, trim, isEmpty} from 'ramda';
+import {pipe, split, map, fromPairs, trim, isEmpty, is} from 'ramda';
 import {Image, OmitText} from '@site/src/components';
 import {modifyKeyName} from '@site/src/utils';
 
 export default function MDXImage({className, alt, src, title, ...props}: any): JSX.Element {
-  const data = title && title.indexOf(':') >= 0 ? pipe(
+  const isCustomImg = title && title.indexOf(':') >= 0;
+  const data = isCustomImg ? pipe(
     split(','),
     map(split(':')),
     fromPairs,
     modifyKeyName(trim)
   )(title) : title ? {title} : {};
   return (
-    <Image src={src} className={className} alt={alt} to={data.to}>
-        <OmitText size={20}>{data.title}</OmitText>
-    </Image>
+    <>
+      {
+        isCustomImg ? (
+          <Image src={src} className={className} alt={alt} to={data.to}>
+            <OmitText size={20}>{data.title}</OmitText>
+          </Image>
+        ) : (
+          <img
+            loading="lazy"
+            alt={alt}
+            src={src}
+            title={title}
+            {...props}
+            className={props.className}
+          />
+        )
+      }
+    </>
   )
-}
+}