Fix: Handle Craft Links with Custom Domains by Implementing getCraftSlug Function

components/NotePost.js

@@ -1,9 +1,10 @@
 import BLOG from '@/blog.config.js'
 import Link from 'next/link'
 import ImageFallback from './Common/ImageFallback.js'
+import getCraftSlug from '@/lib/getCraftSlug'
 
 const NotePost = ({ note }) => {
-  const craftSlug = note.url.slice(23)
+  const craftSlug = getCraftSlug(note.url)
   return (
     <Link
       passHref
@@ -26,3 +27,4 @@ const NotePost = ({ note }) => {
 }
 
 export default NotePost
+

lib/getBlocksMaps.js

@@ -1,8 +1,9 @@
 import BLOG from '@/blog.config'
+import getCraftSlug from '@/lib/getCraftSlug'
 
 // 从 Config 页面的 API 获取两个表格的内容, 并处理成两个 json 返回给 htmlrewrite.js
 export async function getBlocksMaps() {
-  const craftConfigSecret = BLOG.craftConfigShareUrl.slice(23)
+  const craftConfigSecret = getCraftSlug(BLOG.craftConfigShareUrl)
   const craftConfigApiUrl = 'https://www.craft.do/api/share/' + craftConfigSecret
   const init = {
     headers: {
@@ -150,3 +151,4 @@ function getSiteConfigObj(mapJson, configColumId, valueColumId) {
   })
   return siteConfigObj
 }
+

lib/getCraftSlug.js

@@ -0,0 +1,24 @@
+/**
+ * Extracts the ID from a given Craft link.
+ * @param {string} link - The Craft link.
+ * @returns {string} - The extracted ID.
+ * @throws Will throw an error if the link format is invalid.
+ */
+const getCraftSlug = (link) => {
+    const patterns = [
+      /^https:\/\/www\.craft\.me\/s\/(.+)$/,
+      /^https:\/\/www\.craft\.do\/s\/(.+)$/,
+      /^https:\/\/.+\.craft\.me\/(.+)$/
+    ];
+
+    for (const pattern of patterns) {
+      const match = link.match(pattern);
+      if (match) {
+        return match[1];
+      }
+    }
+
+    throw new Error("Invalid link format");
+  };
+
+  export default getCraftSlug;