memos transfer 数据转换成firefly动态博客需要的数据格式

1
export default {
2
  async fetch(request, env, ctx) {
3
    const MEMOS_BASE = "https://ss.z2m.store";
4
    const MEMOS_TOKEN = env.MEMOS_TOKEN;
5

6
    // 跨域预检
7
    if (request.method === "OPTIONS") {
8
      return new Response(null, {
9
        headers: {
10
          "Access-Control-Allow-Origin": "*",
11
          "Access-Control-Allow-Methods": "GET,OPTIONS",
12
          "Access-Control-Allow-Headers": "Content-Type",
13
        },
14
      });
15
    }
16

17
    if (!MEMOS_TOKEN) {
18
      return new Response(JSON.stringify([]), {
19
        status: 200,
20
        headers: { "Content-Type": "application/json" },
21
      });
22
    }
23

24
    try {
25
      const res = await fetch(`${MEMOS_BASE}/api/v1/memos?pageSize=1000`, {
26
        headers: { Authorization: `Bearer ${MEMOS_TOKEN}` },
27
      });
28
      const raw = await res.json();
29
      const rawList = Array.isArray(raw.memos) ? raw.memos : [];
30

31
      // 处理图片路径，补全域名、移除缩略参数
32
      const fixImageUrl = (src) => {
33
        let url = src;
34
        // 相对路径拼接域名
35
        if (!url.startsWith("http://") && !url.startsWith("https://")) {
36
          url = `${MEMOS_BASE}${url.startsWith("/") ? "" : "/"}${url}`;
37
        }
38
        // 删除缩略后缀
39
        url = url.replace(/\?thumbnail=true$/, "");
40
        return url;
41
      };
42

43
      // 1. 提取Markdown内容里的图片 ![]()
44
      const extractMdImages = (text) => {
45
        const reg = /!\[(.*?)\]\((.*?)\)/g;
46
        const list = [];
47
        let match;
48
        while ((match = reg.exec(text)) !== null) {
49
          list.push({
50
            alt: match[1],
51
            src: fixImageUrl(match[2]),
52
          });
53
        }
54
        return list;
55
      };
56

57
      // 2. 提取API attachments 附件图片（重点新增）
58
      const extractAttachImages = (attachments) => {
59
        const list = [];
60
        if (!Array.isArray(attachments)) return list;
61
        attachments.forEach((att) => {
62
          if (att.type && att.type.startsWith("image/")) {
63
            // memos附件标准路径
64
            const path = `/file/attachments/${att.uid}/${att.filename}`;
65
            list.push({
66
              alt: att.filename,
67
              src: fixImageUrl(path),
68
            });
69
          }
70
        });
71
        return list;
72
      };
73

74
      const cleanPlainText = (text) => {
75
        return text.replace(/!\[.*?\]\(.*?\)/g, "").trim();
76
      };
77

78
      const buildId = (msTs) => {
79
        const d = new Date(msTs);
80
        const pad = (n) => n.toString().padStart(2, "0");
81
        const y = d.getFullYear();
82
        const m = pad(d.getMonth() + 1);
83
        const day = pad(d.getDate());
84
        const h = pad(d.getHours());
85
        const min = pad(d.getMinutes());
86
        return `${y}-${m}-${day}-${y}-${m}-${day}t${h}${min}`;
87
      };
88

89
      const targetList = rawList.map((item) => {
90
        const msTimestamp = item.createTime;
91
        const plain = cleanPlainText(item.content);
92
        // 合并两种图片：正文md图片 + 附件图片
93
        const mdImgs = extractMdImages(item.content);
94
        const attImgs = extractAttachImages(item.attachments);
95
        const allImages = [...mdImgs, ...attImgs];
96

97
        return {
98
          id: buildId(msTimestamp),
99
          published: msTimestamp,
100
          html: `<p>${plain}</p>`,
101
          images: allImages,
102
          searchText: plain,
103
        };
104
      });
105

106
      return new Response(JSON.stringify(targetList, null, 2), {
107
        headers: {
108
          "Content-Type": "application/json;charset=utf-8",
109
          "Access-Control-Allow-Origin": "*",
110
          "Cache-Control": "s-maxage=300",
111
        },
112
      });
113
    } catch (err) {
114
      return new Response(JSON.stringify([]), {
115
        status: 200,
116
        headers: { "Content-Type": "application/json" },
117
      });
118
    }
119
  },
120
};

1
---
2
import { getCollection } from "astro:content";
3
import { Icon } from "astro-icon/components";
4
import WidgetLayout from "@/components/common/WidgetLayout.astro";
5
import { siteConfig } from "@/config";
6
import I18nKey from "@/i18n/i18nKey";
7
import { i18n } from "@/i18n/translation";
8
import type { WidgetComponentConfig } from "@/types/config";
9
import { formatDynamicDate } from "@/utils/date-utils";
10
import {
11
  dynamicAnchor,
12
  dynamicPlainText,
13
  sortDynamics,
14
} from "@/utils/dynamic-utils";
15
import { url } from "@/utils/url-utils";
16

17
interface Props {
18
  class?: string;
19
  style?: string;
20
  widgetConfig?: WidgetComponentConfig;
21
}
22

23
const { class: className, style, widgetConfig } = Astro.props;
24
const showTitle = widgetConfig?.showTitle !== false;
25
const configuredLimit = widgetConfig?.specificConfig?.dynamic?.limit ?? 3;
26
const limit = Math.max(1, Math.floor(configuredLimit));
27
const imagePattern = /!\[([^\]]*)\]\((\S+?)(?:\s+["'][^"']*["'])?\)/;
28

29
// 接口地址
30
const REMOTE_DYNAMIC_API = "https://zz.z2m.store";
31
// 开关：远程Memos动态
32
const useRemoteMemos = true;
33

34
// 本地静态数据（备用）
35
let localDynamics: Array<{
36
  id: string;
37
  text: string;
38
  published: Date;
39
  image: { alt: string; src: string } | null;
40
}> = [];
41
if (siteConfig.pages.dynamic && !useRemoteMemos) {
42
  localDynamics = sortDynamics(await getCollection("dynamic"))
43
    .slice(0, limit)
44
    .map((entry) => {
45
      const image = (entry.body || "").match(imagePattern);
46
      return {
47
        id: dynamicAnchor(entry.id),
48
        text: dynamicPlainText(entry),
49
        published: entry.data.published,
50
        image: image ? { alt: image[1], src: image[2] } : null,
51
      };
52
    });
53
}
54
---
55

56
{
57
  (siteConfig.pages.dynamic || useRemoteMemos) && (
58
    <WidgetLayout
59
      name={i18n(I18nKey.latestDynamics)}
60
      showTitle={showTitle}
61
      id="latest-dynamics"
62
      class={className}
63
      style={style}
64
    >
65
      <div class="flex flex-col gap-1.5" id="dynamic-widget-list">
66
        <!-- 加载占位 -->
67
        {useRemoteMemos ? (
68
          <p class="m-0 p-3 text-center text-sm text-neutral-500 widget-loading">
69
            {i18n(I18nKey.dynamicLoading)}
70
          </p>
71
        ) : localDynamics.length > 0 ? (
72
          localDynamics.map((entry) => (
73
            <a
74
              href={url(`/dynamic/#${entry.id}`)}
75
              class="group flex min-w-0 min-h-16 items-center gap-3 rounded-lg p-2
76
                text-neutral-700/75 dark:text-neutral-300/75
77
                hover:bg-(--btn-plain-bg-hover) hover:text-(--primary)
78
                active:bg-(--btn-plain-bg-active) transition-colors duration-150"
79
              aria-label={`${i18n(I18nKey.dynamic)}: ${entry.text}`}
80
            >
81
              <div class="min-w-0 flex-1">
82
                <div class="mb-1 flex items-center gap-1 text-xs leading-4 text-(--primary)">
83
                  <Icon
84
                    is:inline
85
                    name="material-symbols:schedule-rounded"
86
                    class="size-4 shrink-0"
87
                    aria-hidden="true"
88
                  />
89
                  <time datetime={entry.published.toISOString()}>
90
                    {formatDynamicDate(entry.published)}
91
                  </time>
92
                </div>
93
                <p class="m-0 line-clamp-3 text-sm leading-[1.35rem]">
94
                  {entry.text}
95
                </p>
96
              </div>
97
              {entry.image && (
98
                <img
99
                  src={entry.image.src}
100
                  alt={entry.image.alt}
101
                  class="size-14 shrink-0 rounded-lg bg-(--btn-plain-bg-hover) object-cover"
102
                  loading="lazy"
103
                  decoding="async"
104
                />
105
              )}
106
            </a>
107
          ))
108
        ) : (
109
          <p class="m-0 p-3 text-center text-sm text-neutral-500">
110
            {i18n(I18nKey.dynamicEmpty)}
111
          </p>
112
        )}
113
      </div>
114
      <a
115
        class="btn-plain mt-2 flex items-center justify-center gap-1 rounded-lg p-1.5
116
          text-sm text-(--primary)"
117
        href={url("/dynamic/")}
118
      >
119
        <Icon
120
          is:inline
121
          name="material-symbols:dynamic-feed-rounded"
122
          class="size-4.5"
123
          aria-hidden="true"
124
        />
125
        <span>{i18n(I18nKey.moreDynamics)}</span>
126
      </a>
127
    </WidgetLayout>
128
  )
129
}
130

131
<!-- 客户端实时请求JS，client:load 页面加载后执行 -->
132
<script client:load>
133
  const API = "https://zz.z2m.store";
134
  const limit = 3;
135
  const wrap = document.getElementById("dynamic-widget-list");
136

137
  // 格式化日期，和服务端formatDynamicDate逻辑保持一致
138
  function formatDate(ms) {
139
    const d = new Date(ms);
140
    return d.toLocaleDateString("zh-CN", {
141
      year: "numeric",
142
      month: "short",
143
      day: "numeric",
144
      hour: "2-digit",
145
      minute: "2-digit",
146
    });
147
  }
148

149
  async function fetchMemos() {
150
    try {
151
      const res = await fetch(API);
152
      const list = await res.json();
153
      if (!Array.isArray(list) || list.length === 0) {
154
        wrap.innerHTML = `<p class="m-0 p-3 text-center text-sm text-neutral-500">暂无说说</p>`;
155
        return;
156
      }
157
      // 时间倒序，截取条数
158
      const sorted = list
159
        .sort((a, b) => b.published - a.published)
160
        .slice(0, limit);
161

162
      let html = "";
163
      sorted.forEach((item) => {
164
        const img = item.images?.length ? item.images[0] : null;
165
        const timeStr = formatDate(item.published);
166
        html += `
167
          <a href="/dynamic/#${item.id}"
168
            class="group flex min-w-0 min-h-16 items-center gap-3 rounded-lg p-2
169
            text-neutral-700/75 dark:text-neutral-300/75
170
            hover:bg-(--btn-plain-bg-hover) hover:text-(--primary)
171
            active:bg-(--btn-plain-bg-active) transition-colors duration-150"
172
            aria-label="说说: ${item.searchText}">
173
            <div class="min-w-0 flex-1">
174
              <div class="mb-1 flex items-center gap-1 text-xs leading-4 text-(--primary)">
175
                <svg class="size-4 shrink-0" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zm.5-13H11v6l5.2 3.2.8-1.3-4.5-2.7V7z"/></svg>
176
                <time>${timeStr}</time>
177
              </div>
178
              <p class="m-0 line-clamp-3 text-sm leading-[1.35rem]">${item.searchText}</p>
179
            </div>
180
            ${img ? `<img src="${img.src}" alt="${img.alt}" class="size-14 shrink-0 rounded-lg bg-(--btn-plain-bg-hover) object-cover" loading="lazy">` : ""}
181
          </a>
182
        `;
183
      });
184
      wrap.innerHTML = html;
185
    } catch (err) {
186
      wrap.innerHTML = `<p class="m-0 p-3 text-center text-sm text-neutral-500">加载失败</p>`;
187
    }
188
  }
189

190
  fetchMemos();
191
</script>