{"id":89,"date":"2026-04-28T02:43:40","date_gmt":"2026-04-28T02:43:40","guid":{"rendered":"https:\/\/seedream.work\/?page_id=89"},"modified":"2026-04-28T02:52:12","modified_gmt":"2026-04-28T02:52:12","slug":"89-2","status":"publish","type":"page","link":"https:\/\/seedream.work\/?page_id=89","title":{"rendered":"blog"},"content":{"rendered":"\n<div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-16\">\n    <div class=\"text-center mb-12\">\n        <h1 class=\"text-3xl md:text-4xl font-serif font-bold text-stone-900 mb-4\">\u6700\u65b0\u6d88\u606f\u8207\u5c08\u6b04<\/h1>\n        <p class=\"text-lg text-stone-600 max-w-2xl mx-auto\">\u638c\u63e1\u6700\u65b0\u7684\u7522\u696d\u52d5\u614b\u3001\u88dc\u52a9\u653f\u7b56\u8207\u5065\u5eb7\u8cc7\u8a0a\u3002<\/p>\n    <\/div>\n    \n    <!-- Blog Posts Grid Container -->\n    <div id=\"blog-container\" class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n        <!-- \u8b80\u53d6\u4e2d\u7684\u52d5\u756b\uff0c\u8cc7\u6599\u8f09\u5165\u5f8c\u6703\u88ab\u8986\u84cb -->\n        <div class=\"text-center col-span-3 text-stone-500 py-20 flex flex-col items-center justify-center\">\n            <span class=\"text-4xl mb-4 block animate-bounce\">&#8987;<\/span>\n            \u6587\u7ae0\u8f09\u5165\u4e2d&#8230;\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', async function() {\n        const container = document.getElementById('blog-container');\n        try {\n            \/\/ \u4f7f\u7528 WordPress \u539f\u751f REST API \u6293\u53d6\u6700\u65b0 6 \u7bc7\u6587\u7ae0\n            const response = await fetch('\/wp-json\/wp\/v2\/posts?_embed&per_page=6');\n            \n            if (!response.ok) {\n                throw new Error('\u672a\u5075\u6e2c\u5230 WordPress API');\n            }\n            \n            const posts = await response.json();\n\n            if (posts.length === 0) {\n                container.innerHTML = '<div class=\"text-center col-span-3 text-stone-500 py-10\">\u76ee\u524d\u5c1a\u7121\u6587\u7ae0\u3002<\/div>';\n                return;\n            }\n\n            container.innerHTML = posts.map(post => {\n                const title = post.title.rendered;\n                const excerpt = post.excerpt.rendered.replace(\/<[^>]+>\/g, ''); \/\/ \u79fb\u9664 HTML \u6a19\u7c64\n                const link = post.link;\n                \n                \/\/ \u53d6\u5f97\u7cbe\u9078\u5716\u7247\n                let imageHtml = `<div class=\"w-full h-48 bg-stone-200 flex items-center justify-center text-stone-400 text-4xl\">&#128240;<\/div>`;\n                if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0].source_url) {\n                    const imageUrl = post._embedded['wp:featuredmedia'][0].source_url;\n                    imageHtml = `<img decoding=\"async\" src=\"${imageUrl}\" alt=\"${title}\" class=\"w-full h-48 object-cover\">`;\n                }\n                \n                const date = new Date(post.date).toLocaleDateString('zh-TW');\n\n                return `\n                    <div class=\"bg-white rounded-xl shadow-sm border border-stone-100 overflow-hidden hover:shadow-md transition flex flex-col group cursor-pointer\" onclick=\"window.location.href='${link}'\">\n                        ${imageHtml}\n                        <div class=\"p-6 flex flex-col flex-grow\">\n                            <p class=\"text-xs text-accent font-bold mb-2\">${date}<\/p>\n                            <h3 class=\"text-xl font-bold text-stone-900 mb-3 line-clamp-2 group-hover:text-accent transition\">${title}<\/h3>\n                            <div class=\"text-stone-600 text-sm mb-4 line-clamp-3\">${excerpt}<\/div>\n                            <a href=\"${link}\" class=\"mt-auto text-accent font-bold group-hover:text-stone-900 transition\">\u95b1\u8b80\u5168\u6587 &#8594;<\/a>\n                        <\/div>\n                    <\/div>\n                `;\n            }).join('');\n\n        } catch (error) {\n            console.log('\u7121\u6cd5\u9023\u7dda\u5230 WP API\uff0c\u986f\u793a\u9810\u8a2d\u5c55\u793a\u8cc7\u6599\uff1a', error);\n            \/\/ \u9810\u8a2d\u7684\u5047\u8cc7\u6599 (\u7528\u65bc\u672c\u6a5f\u6e2c\u8a66\u6216 API \u7570\u5e38\u6642)\n            container.innerHTML = `\n                <div class=\"bg-white rounded-xl shadow-sm border border-stone-100 overflow-hidden hover:shadow-md transition flex flex-col\">\n                    <div class=\"w-full h-48 bg-stone-200 flex items-center justify-center text-stone-400 text-4xl\">&#128240;<\/div>\n                    <div class=\"p-6 flex flex-col flex-grow\">\n                        <p class=\"text-xs text-accent font-bold mb-2\">2026\/04\/28<\/p>\n                        <h3 class=\"text-xl font-bold text-stone-900 mb-3 line-clamp-2\">2026 \u4f01\u696d\u88dc\u52a9\u6700\u65b0\u653f\u7b56\u89e3\u6790\uff1a\u5982\u4f55\u63d0\u9ad8\u904e\u4ef6\u7387\uff1f<\/h3>\n                        <p class=\"text-stone-600 text-sm mb-4 line-clamp-3\">\u653f\u5e9c\u8fd1\u671f\u91cb\u51fa\u4e86\u591a\u9805\u91dd\u5c0d\u50b3\u7d71\u7522\u696d\u8f49\u578b\u8207\u65b0\u5275\u5718\u968a\u7684\u88dc\u52a9\u65b9\u6848\uff0c\u672c\u7bc7\u6587\u7ae0\u5c07\u70ba\u60a8\u6574\u7406 SBIR\u3001SIIR \u7684\u7533\u8acb\u91cd\u9ede\u8207\u5e38\u898b\u8aa4\u5340\uff0c\u5e6b\u52a9\u60a8\u7684\u4f01\u696d\u9806\u5229\u53d6\u5f97\u7814\u767c\u8cc7\u91d1...<\/p>\n                        <a href=\"#\" class=\"mt-auto text-accent font-bold hover:text-stone-900 transition\">\u95b1\u8b80\u5168\u6587 &#8594;<\/a>\n                    <\/div>\n                <\/div>\n            `;\n        }\n    });\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\u6700\u65b0\u6d88\u606f\u8207\u5c08\u6b04 \u638c\u63e1\u6700\u65b0\u7684\u7522\u696d\u52d5\u614b\u3001\u88dc\u52a9 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-89","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seedream.work\/index.php?rest_route=\/wp\/v2\/pages\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seedream.work\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seedream.work\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seedream.work\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/seedream.work\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=89"}],"version-history":[{"count":2,"href":"https:\/\/seedream.work\/index.php?rest_route=\/wp\/v2\/pages\/89\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/seedream.work\/index.php?rest_route=\/wp\/v2\/pages\/89\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/seedream.work\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}