import * as cheerio from 'cheerio'; import { getMetadataCache } from '~/store/v2/metadata'; import type { ArticleMetadata } from '~/utils/download/types'; import { renderComments } from '~/utils/comment'; const ITEM_SHOW_TYPE = { 图片分享: 8, 文本分享: 10, 普通图文: 0, }; /** * 根据解析的 cgiDataNew 对象进行渲染 * @param cgiData * @param comments 是否渲染留言数据，默认是 */ export async function renderHTMLFromCgiDataNew(cgiData: any, comments = true) { const title = extractTitle(cgiData); const meta = renderMetaInfo(cgiData); const contentHTML = extractContentHTML(cgiData); const bottomBarHTML = await renderBottomBar(cgiData); // 渲染留言 let commentHTML = ''; if (comments) { commentHTML = await renderComments(cgiData.link); } return ` ${title}

${title}

${meta}

原文地址: ${cgiData.link}

${contentHTML} ${commentHTML} ${bottomBarHTML}

`; } /** * 提取标题字段(title) * @param cgiData */ function extractTitle(cgiData: any): string { let title = ''; switch (cgiData.item_show_type) { case ITEM_SHOW_TYPE.图片分享: case ITEM_SHOW_TYPE.普通图文: title = cgiData.title; break; case ITEM_SHOW_TYPE.文本分享: if (cgiData.text_page_info.is_user_title === 1) { title = cgiData.title; } else { title = '(无标题)'; } break; default: title = '(unknown)'; break; } return title; } /** * 提取内容html * @param cgiData */ function extractContentHTML(cgiData: any): string { let contentHTML = ''; switch (cgiData.item_show_type) { case ITEM_SHOW_TYPE.图片分享: contentHTML = renderContent_8(cgiData); break; case ITEM_SHOW_TYPE.文本分享: contentHTML = renderContent_10(cgiData); break; case ITEM_SHOW_TYPE.普通图文: contentHTML = renderContent_0(cgiData); break; default: contentHTML = '(unknown)'; break; } return contentHTML; } /** * 渲染【图片分享(8)】类文章的内容部分 * @param cgiData */ function renderContent_8(cgiData: any): string { // 文本内容 let textContent = cgiData.content_noencode.replace(/\n/g, '
'); // 替换函数：在标签上插入 href 属性，href="#图X" const regex = /()(\s*图\2\s*)(<\/a>)/g; textContent = textContent.replace(regex, (match: any, openTag: any, number: any, content: any, closeTag: any) => { const newOpenTag = openTag.replace(/>$/, ` href="#图${number}">`); return newOpenTag + content + closeTag; }); // 图片内容 const pictureContent = cgiData.picture_page_info_list .map((item: any) => item.cdn_url.replace(/&/g, '&')) .map( (url: string, idx: number) => `

图${idx + 1}

` ) .join('\n'); return `

${textContent}

${pictureContent}

`; } /** * 渲染【文本分享(10)】类文章的内容部分 * @param cgiData */ function renderContent_10(cgiData: any): string { // 文本内容 const textContent = cgiData.text_page_info.content_noencode.replace(/\n/g, '
'); return `

${textContent}

`; } /** * 渲染【普通图文(0)】类文章的内容部分 * @param cgiData */ function renderContent_0(cgiData: any): string { let contentHTML = cgiData.content_noencode || ''; // 使用 cheerio 处理 HTML 片段 const $ = cheerio.load(contentHTML, null, false); // 1. 处理懒加载图片：data-src → src $('img[data-src]').each((i, elem) => { const $img = $(elem); const dataSrc = $img.attr('data-src'); if (dataSrc) { $img.attr('src', dataSrc); $img.removeAttr('data-src'); $img.attr('loading', 'eager'); } }); // 2. 修复图片的宽高比例 (删除`height`属性即可) $('img[height]').each((i, elem) => { const $img = $(elem); $img.removeAttr('height'); }); // 3. 处理内嵌视频 // 获取处理后的 HTML 片段（cheerio 会正确序列化多顶级元素和自闭合标签） let modifiedContent = $.html(); return `

${modifiedContent}

`; } /** * 渲染元数据 * @param cgiData */ function renderMetaInfo(cgiData: any): string { return `

原创 ${cgiData.author} ${cgiData.nick_name} ${cgiData.create_time} ${cgiData.ip_wording?.province_name}

`; } /** * 渲染底部 BottomBar * @param cgiData */ async function renderBottomBar(cgiData: any) { const metadata: ArticleMetadata = (await getMetadataCache(cgiData.link)) || { readNum: 0, oldLikeNum: 0, commentNum: 0, likeNum: 0, shareNum: 0, }; return `

${cgiData.nick_name}

`; }