{"id":279,"date":"2024-12-27T09:59:41","date_gmt":"2024-12-27T01:59:41","guid":{"rendered":"https:\/\/trantor.ink\/?page_id=279"},"modified":"2026-03-13T10:37:20","modified_gmt":"2026-03-13T02:37:20","slug":"%e7%bd%91%e7%ab%99%e7%b4%a2%e5%bc%95","status":"publish","type":"page","link":"https:\/\/trantor.ink\/?page_id=279","title":{"rendered":"\u7f51\u7ad9\u7d22\u5f15"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u6211\u7684\u4e2a\u4eba\u5bfc\u822a<\/title>\n    <style>\n        :root {\n            \/* \u914d\u8272\u65b9\u6848 *\/\n            --bg-color: #f5f7fa;\n            --card-bg: #ffffff;\n            --text-main: #2c3e50;\n            --hover-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n            --card-border-radius: 8px;\n            \/*\u7a0d\u5fae\u51cf\u5c0f\u5706\u89d2\uff0c\u66f4\u5229\u843d*\/\n            --transition: all 0.2s ease;\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n            background-color: var(--bg-color);\n            color: var(--text-main);\n            padding: 40px 20px;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        header {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        header h1 {\n            font-size: 2rem;\n            font-weight: 300;\n            color: var(--text-main);\n            letter-spacing: 1px;\n        }\n\n        \/* \u5206\u7c7b\u6807\u9898\u6837\u5f0f *\/\n        .category-title {\n            font-size: 1.1rem;\n            margin-bottom: 15px;\n            margin-top: 35px;\n            padding-left: 10px;\n            border-left: 4px solid #3498db;\n            font-weight: 600;\n            color: #34495e;\n        }\n\n        \/* \u7f51\u683c\u5e03\u5c40 - \u81ea\u9002\u5e94 *\/\n        .grid {\n            display: grid;\n            \/* \u8c03\u6574\u4e86\u6700\u5c0f\u5bbd\u5ea6\uff0c\u8ba9\u6392\u5217\u66f4\u7d27\u51d1 *\/\n            grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n            gap: 15px;\n        }\n\n        \/* \u5361\u7247\u6837\u5f0f - \u7b80\u5316\u7248 *\/\n        .card {\n            background: var(--card-bg);\n            border-radius: var(--card-border-radius);\n            padding: 15px;\n            \/* \u51cf\u5c0f\u5185\u8fb9\u8ddd *\/\n            text-decoration: none;\n            color: inherit;\n            display: flex;\n            align-items: center;\n            \/* \u5782\u76f4\u5c45\u4e2d *\/\n            transition: var(--transition);\n            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n            border: 1px solid transparent;\n        }\n\n        .card:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--hover-shadow);\n            border-color: #e0e0e0;\n        }\n\n        \/* \u56fe\u6807\u6837\u5f0f *\/\n        .card img {\n            width: 24px;\n            \/* \u7a0d\u5fae\u8c03\u5c0f\u56fe\u6807\uff0c\u4f7f\u5176\u4e0e\u5355\u884c\u6587\u5b57\u66f4\u534f\u8c03 *\/\n            height: 24px;\n            margin-right: 12px;\n            border-radius: 4px;\n            flex-shrink: 0;\n            \/* \u9632\u6b62\u56fe\u6807\u88ab\u538b\u7f29 *\/\n        }\n\n        .card-title {\n            font-size: 0.95rem;\n            font-weight: 500;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            \/* \u6587\u5b57\u8fc7\u957f\u81ea\u52a8\u7701\u7565 *\/\n        }\n\n        footer {\n            text-align: center;\n            margin-top: 50px;\n            color: #95a5a6;\n            font-size: 0.85rem;\n        }\n\n        @media (max-width: 600px) {\n            .grid {\n                grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n\n    <div class=\"container\">\n        <header>\n           \n        <\/header>\n\n        <div id=\"content\"><\/div>\n\n        <footer>\n        <\/footer>\n    <\/div>\n\n    <script>\n        \/\/ =================================================================\n        \/\/ \u914d\u7f6e\u533a\u57df\uff1a\u5df2\u79fb\u9664 desc \u5b57\u6bb5\n        \/\/ =================================================================\n        const sites = [\n            {\n                category: \"AI \u5de5\u5177\",\n                links: [\n                    { name: \"Nanobanana\", url: \"https:\/\/www.aiwind.org\/\" },\n                    { name: \"Flow\", url: \"https:\/\/labs.google\/fx\/zh\/tools\/flow\" },\n                    { name: \"Whisk\", url: \"https:\/\/labs.google\/fx\/tools\/whisk\/project\" },\n                    { name: \"NotebookLM\", url: \"https:\/\/notebooklm.google.com\/\" }\n                ]\n            },\n            {\n                category: \"\u5728\u7ebf\u5de5\u5177\",\n                links: [\n                    { name: \"GDB online Debugger\", url: \"https:\/\/www.onlinegdb.com\/\" },\n                    { name: \"Convert curl commands to Python\", url: \"https:\/\/curlconverter.com\/python\/\" },\n                    { name: \"Regex Tester\", url: \"https:\/\/www.regexpal.com\/\" },\n                    { name: \"docsify\", url: \"https:\/\/docsify.js.org\/#\/\" },\n                    { name: \"\u89c6\u9891\u5c01\u9762\u914d\u7f6e\", url: \"https:\/\/trantor.ink\/?page_id=656\" },\n                ]\n            },\n            {\n                category: \"\u5f00\u53d1\u8d44\u6e90\",\n                links: [\n                    { name: \"API Levels\", url: \"https:\/\/apilevels.com\/\" },\n                    { name: \"Android SDK Offline\", url: \"https:\/\/androidsdkoffline.blogspot.com\/\" },\n                    { name: \"Perfetto UI\", url: \"https:\/\/ui.perfetto.dev\/\" },\n                    { name: \"jaudiotagger\", url: \"https:\/\/jthink.net\/jaudiotagger\/index.jsp\" },\n                    { name: \"UML\", url: \"https:\/\/www.uml-diagrams.org\/\" }\n                \n                ]\n            },\n            {\n                category: \"\u8bbe\u8ba1\u8d44\u6e90\",\n                links: [\n                    { name: \"colorion\", url: \"https:\/\/colorion.co\/\" },\n                    { name: \"Extract palette from image - Coolors\", url: \"https:\/\/coolors.co\/image-picker\" },\n                    { name: \"IconFont\", url: \"https:\/\/www.iconfont.cn\" },\n                    { name: \"\u6807\u5c0f\u667a\", url: \"https:\/\/www.logosc.cn\/\" },\n                    { name: \"iconfont\", url: \"https:\/\/www.iconfont.cn\/collections\/index\" },\n                    { name: \"IconFont\", url: \"https:\/\/iconpark.oceanengine.com\/home\" },\n                    { name: \"dotown\", url: \"https:\/\/dotown.maeda-design-room.net\/\" },\n                    { name: \"iconscout\", url: \"https:\/\/iconscout.com\/\" },\n                    { name: \"A micro-animations library\", url: \"https:\/\/useanimations.com\/index.html\" },\n                    { name: \"Animated Emoji\", url: \"https:\/\/googlefonts.github.io\/noto-emoji-animation\/\" },\n                    { name: \"Vector Logos\", url: \"https:\/\/seeklogo.com\/\" },\n                    { name: \"Material Design 3\", url: \"https:\/\/m3.material.io\/\" },\n                    { name: \"Material Theme Builder\", url: \"https:\/\/material-foundation.github.io\/material-theme-builder\/\" },\n                    { name: \"Material Symbols & Icons\", url: \"https:\/\/fonts.google.com\/icons?icon.platform=android\" },\n                    { name: \"material-components\", url: \"https:\/\/github.com\/material-components\/material-components-android\/tree\/master\/docs\/components\" },\n                    { name: \"Figma\", url: \"https:\/\/www.figma.com\/community\/mobile-apps\" },\n                    { name: \"B \u7ad9\u89c6\u9891\u4e0b\u8f7d\u89e3\u6790\", url: \"https:\/\/peanutdl.com\/zh\/bilibili\" },\n                    { name: \"Free Stock Photos\", url: \"https:\/\/www.pexels.com\/\" },\n                    { name: \"\u514d\u8d39\u7d20\u6750\u56fe\u7247\", url: \"https:\/\/www.pexels.com\/zh-cn\/\" },\n                    { name: \"Pixabay\", url: \"https:\/\/pixabay.com\/\" },\n                    { name: \"clean png\", url: \"https:\/\/www.cleanpng.com\/\" },\n                    { name: \"KISSPNG\", url: \"https:\/\/www.kisspng.net\/free\/anime.html\" },\n                    { name: \"Music for Video Creators\", url: \"https:\/\/www.bensound.com\/\" },\n                    { name: \"Freepik\", url: \"https:\/\/www.freepik.com\/\" },\n                    { name: \"Cover Search Engine\", url: \"https:\/\/covers.musichoarders.xyz\/\" }\n                ]\n            },\n            {\n                category: \"\u8d44\u6e90\u4e0b\u8f7d\",\n                links: [\n                    { name: \"\u78c1\u529b\u732b\", url: \"https:\/\/xn--tfrs17es0d.xyz\/\" },\n                    { name: \"Kmoe\", url: \"https:\/\/mox.moe\/\" },\n                    { name: \"MioBT\", url: \"https:\/\/www.miobt.com\/\" },\n                    { name: \"Free YouTube Audio Downloader\", url: \"https:\/\/postsyncer.com\/tools\/youtube-audio-downloader\" },\n                    { name: \"\u4e07\u80fd\u89c6\u9891\u56fe\u7247\u89e3\u6790\u4e0b\u8f7d - SnapAny\", url: \"https:\/\/snapany.com\/zh\" },\n                    { name: \"\u89c6\u9891\u4e0b\u8f7d\u52a9\u624b\", url: \"https:\/\/www.videodownloaderhelper.com\/zh\/\" },\n                    { name: \"Library Genesis\", url: \"https:\/\/libgen.is\/\" },\n                    { name: \"AMLL \u6b4c\u8bcd\u5e93\", url: \"https:\/\/trantor.ink\/?page_id=649\" }\n                ]\n            },\n            {\n                category: \"\u6e38\u620f\",\n                links: [\n                    { name: \"\u706b\u7130\u7eb9\u7ae0-\u5c01\u5370\u4e4b\u5251\u653b\u7565\", url: \"http:\/\/www.fireemblem.net\/fe\/fe6\/index.htm\" },\n                    { name: \"\u4e2d\u6587 Minecraft Wiki\", url: \"https:\/\/zh.minecraft.wiki\/\" },\n                    { name: \" itch.io\", url: \"https:\/\/itch.io\/\" }\n                ]\n            },\n            {\n                category: \"\u513f\u7ae5\u6559\u80b2\",\n                links: [\n                    { name: \"\u9e21\u5a03\u5ba2\", url: \"https:\/\/www.jiwake.com\/\" },\n                    { name: \"\u5b9d\u5b9d\u5df4\u58eb\u7ae5\u4e66\", url: \"https:\/\/book.babybus.com\/list?page=1&keyword=\" },\n                    { name: \"\u513f\u7ae5\u7247\u5927\u5168\", url: \"http:\/\/www.ertongpian.com\/\" }\n                ]\n            }\n        ];\n\n        \/\/ =================================================================\n        \/\/ \u903b\u8f91\u533a\u57df\n        \/\/ =================================================================\n        function getIconUrl(url) {\n            return `https:\/\/www.google.com\/s2\/favicons?domain=${url}&sz=64`;\n        }\n\n        const contentDiv = document.getElementById('content');\n\n        sites.forEach(group => {\n            const categoryTitle = document.createElement('div');\n            categoryTitle.className = 'category-title';\n            categoryTitle.textContent = group.category;\n            contentDiv.appendChild(categoryTitle);\n\n            const grid = document.createElement('div');\n            grid.className = 'grid';\n\n            group.links.forEach(site => {\n                const card = document.createElement('a');\n                card.href = site.url;\n                card.className = 'card';\n                card.target = '_blank';\n                card.rel = 'noopener noreferrer';\n\n                const iconUrl = getIconUrl(site.url);\n\n                \/\/ \u6a21\u677f\u5df2\u7b80\u5316\uff1a\u4ec5\u5305\u542b\u56fe\u7247\u548c\u6807\u9898\n                card.innerHTML = `\n                    <img decoding=\"async\" src=\"${iconUrl}\" alt=\"${site.name}\" onerror=\"this.src='https:\/\/via.placeholder.com\/24?text=\u2022'\">\n                    <div class=\"card-title\">${site.name}<\/div>\n                `;\n                grid.appendChild(card);\n            });\n\n            contentDiv.appendChild(grid);\n        });\n    <\/script>\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u6211\u7684\u4e2a\u4eba\u5bfc\u822a<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-279","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages\/279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trantor.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=279"}],"version-history":[{"count":72,"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages\/279\/revisions"}],"predecessor-version":[{"id":658,"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages\/279\/revisions\/658"}],"wp:attachment":[{"href":"https:\/\/trantor.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}