{"id":2421,"date":"2025-09-16T17:03:14","date_gmt":"2025-09-16T09:03:14","guid":{"rendered":"https:\/\/linuxjk.cn\/?p=2421"},"modified":"2025-09-17T21:52:29","modified_gmt":"2025-09-17T13:52:29","slug":"vue3%e7%a7%bb%e5%8a%a8%e7%ab%af%e9%9b%86%e6%88%90%e9%a1%b9%e7%9b%ae","status":"publish","type":"post","link":"https:\/\/linuxjk.cn\/?p=2421","title":{"rendered":"Vue3\u79fb\u52a8\u7aef\u96c6\u6210\u9879\u76ee"},"content":{"rendered":"\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u76ee\u5f55<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#%E4%B8%80%E9%A1%B9%E7%9B%AE%E4%BA%AE%E7%82%B9%E5%8F%8A%E9%9A%BE%E7%82%B9\" >\u4e00.\u9879\u76ee\u4eae\u70b9\u53ca\u96be\u70b9<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#%E9%A1%B9%E7%9B%AE%E4%BA%AE%E7%82%B9\" >\u9879\u76ee\u4eae\u70b9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#%E9%A1%B9%E7%9B%AE%E9%9A%BE%E7%82%B9\" >\u9879\u76ee\u96be\u70b9<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#%E4%BA%8C%E6%89%80%E9%81%87%E9%97%AE%E9%A2%98\" >\u4e8c.\u6240\u9047\u95ee\u9898<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#%E9%97%AE%E9%A2%98_1%EF%BC%9A%E8%A7%A3%E5%86%B3%E5%8F%AA%E6%9C%89%E9%83%A8%E5%88%86%E9%A1%B5%E9%9D%A2%E5%85%B1%E5%90%8C%E6%9C%89%E5%AF%BC%E8%88%AA%E6%A0%8F%E5%8F%8A%E6%A0%87%E9%A2%98%E9%97%AE%E9%A2%98\" >\u95ee\u9898 1\uff1a\u89e3\u51b3\u53ea\u6709\u90e8\u5206\u9875\u9762\u5171\u540c\u6709\u5bfc\u822a\u680f\u53ca\u6807\u9898\u95ee\u9898<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#%E9%97%AE%E9%A2%98_2%EF%BC%9A%E9%85%8D%E6%9C%8D%E5%8A%A1\" >\u95ee\u9898 2\uff1a\u914d\u670d\u52a1<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#1%E5%9C%A8_viteconfigvue_%E4%B8%AD%E9%85%8D%E6%9C%8D%E5%8A%A1\" >1.\u5728 vite.config.vue \u4e2d\u914d\u670d\u52a1<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#2%E5%9C%A8service_%E4%B8%AD_%E7%94%A8_proxy_%E9%85%8D%E7%BD%AE\" >2.\u5728service \u4e2d \u7528 proxy \u914d\u7f6e<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#%E9%97%AE%E9%A2%98_3%EF%BC%9A%E6%8E%A5%E5%85%A5_ai\" >\u95ee\u9898 3\uff1a\u63a5\u5165 ai<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#1ai_%E8%81%8A%E5%A4%A9%E5%8C%BA_%E5%8F%AB%E5%AF%8C%E6%96%87%E4%BB%B6_%E6%89%93%E5%AD%97%E6%9C%BA%E6%95%88%E6%9E%9C_%E5%AE%89%E8%A3%85_vue-markdown%EF%BC%88%E4%B8%8D%E7%94%A8%EF%BC%89\" >1.ai \u804a\u5929\u533a \u53eb\u5bcc\u6587\u4ef6 \u6253\u5b57\u673a\u6548\u679c \u5b89\u88c5 vue-markdown\uff08\u4e0d\u7528\uff09<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#1%E5%AE%89%E8%A3%85npm_install_marked_dompurify_%E7%94%A8%E6%9D%A5%E5%A4%84%E7%90%86_ai_%E5%9B%9E%E7%AD%94%E7%9A%84_markdown_%E6%96%87%E6%9C%AC%E6%A0%BC%E5%BC%8F\" >1.\u5b89\u88c5npm install marked dompurify \u7528\u6765\u5904\u7406 ai \u56de\u7b54\u7684 markdown \u6587\u672c\u683c\u5f0f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#2%E7%94%A8_scrollIntoViewblock_%E2%80%9Dend%E2%80%9D\" >2.\u7528 scrollIntoView({block:&#8221;end&#8221;})<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#3_%E6%8E%A5%E5%85%A5_ai_%E7%9A%84%E6%97%B6%E5%80%99_%E8%A6%81%E8%A7%A3%E6%9E%90%E6%90%BA%E5%B8%A6%E7%9A%84%E6%95%B0%E6%8D%AE\" >3. \u63a5\u5165 ai \u7684\u65f6\u5019 \u8981\u89e3\u6790\u643a\u5e26\u7684\u6570\u636e<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#%E9%97%AE%E9%A2%98_4%E5%BC%95%E5%85%A5%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BE\" >\u95ee\u9898 4.\u5f15\u5165\u767e\u5ea6\u5730\u56fe<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#1%E4%B8%8B%E8%BD%BD%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BE%E5%8C%85\" >1.\u4e0b\u8f7d\u767e\u5ea6\u5730\u56fe\u5305<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#2%E5%9C%A8_maints_%E5%85%A8%E5%B1%80%E5%BC%95%E5%85%A5\" >2.\u5728 main.ts \u5168\u5c40\u5f15\u5165<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#3%E5%9C%A8%E4%BD%BF%E7%94%A8%E7%9A%84%E9%A1%B5%E9%9D%A2%E4%BD%BF%E7%94%A8\" >3.\u5728\u4f7f\u7528\u7684\u9875\u9762\u4f7f\u7528<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#4\" >4.&lt;bm-marker&gt;<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#%E9%97%AE%E9%A2%98_5%E4%BD%BF%E7%94%A8_echarts_%E5%88%B6%E4%BD%9C%E5%8F%AF%E8%A7%86%E5%8C%96%E5%9B%BE%E8%A1%A8\" >\u95ee\u9898 5.\u4f7f\u7528 echarts \u5236\u4f5c\u53ef\u89c6\u5316\u56fe\u8868<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#1%E5%AE%89%E8%A3%85_npm_install_echarts\" >1.\u5b89\u88c5 npm install echarts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#2%E6%8C%89%E7%85%A7%E5%AE%98%E7%BD%91%E7%9A%84%E5%AE%9E%E4%BE%8B%E5%BC%95%E7%94%A8_%E5%A4%8D%E5%88%B6_%E4%BF%AE%E6%94%B9_%E4%BD%BF%E7%94%A8\" >2.\u6309\u7167\u5b98\u7f51\u7684\u5b9e\u4f8b\u5f15\u7528 \u590d\u5236 \u4fee\u6539 \u4f7f\u7528<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/linuxjk.cn\/?p=2421\/#%E4%B8%89%E6%95%88%E6%9E%9C%E5%B1%95%E7%A4%BA\" >\u4e09.\u6548\u679c\u5c55\u793a<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E4%B8%80%E9%A1%B9%E7%9B%AE%E4%BA%AE%E7%82%B9%E5%8F%8A%E9%9A%BE%E7%82%B9\"><\/span>\u4e00.\u9879\u76ee\u4eae\u70b9\u53ca\u96be\u70b9<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E9%A1%B9%E7%9B%AE%E4%BA%AE%E7%82%B9\"><\/span>\u9879\u76ee\u4eae\u70b9<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u529f\u80fd\u4e30\u5bcc\u591a\u6837<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u6574\u5408\u4e86\u7535\u5f71\u7b80\u4ecb\u3001\u5e02\u96c6\u3001AI\u804a\u5929\u3001\u6210\u7ee9\u7ba1\u7406\u548c\u5730\u5740\u4fee\u6539\u7b49\u591a\u79cd\u529f\u80fd\uff0c\u6ee1\u8db3\u4e86\u7528\u6237\u5728\u5a31\u4e50\u3001\u8d2d\u7269\u3001\u5b66\u4e60\u3001\u793e\u4ea4\u548c\u751f\u6d3b\u7b49\u591a\u65b9\u9762\u7684\u9700\u6c42\uff0c\u63d0\u4f9b\u4e86\u7efc\u5408\u6027\u7684\u79fb\u52a8\u7aef\u4f53\u9a8c\u3002<\/li>\n\n\n\n<li>\u4e0d\u540c\u529f\u80fd\u7684\u9875\u9762\u8bbe\u8ba1\u548c\u5e03\u5c40\u5408\u7406\uff0c\u5982\u7535\u5f71\u7b80\u4ecb\u9875\u9762\u548c\u5e02\u96c6\u9875\u9762\u901a\u8fc7\u8c46\u74e3\u5f00\u6e90\u6570\u636e\u5b9e\u73b0\u4e86\u4e30\u5bcc\u4e14\u7f8e\u89c2\u7684\u5185\u5bb9\u6392\u7248\u3002<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u6280\u672f\u8fd0\u7528\u65b0\u9896<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u5229\u7528\u591a\u79cd\u5f00\u6e90\u8d44\u6e90\uff08\u8c46\u74e3\u3001\u8c46\u5305\u3001\u767e\u5ea6\u5730\u56fe\u3001echarts\uff09\uff0c\u5c55\u793a\u4e86\u5bf9\u4e0d\u540c\u5916\u90e8\u8d44\u6e90\u7684\u6574\u5408\u80fd\u529b\uff0c\u80fd\u591f\u5feb\u901f\u5b9e\u73b0\u590d\u6742\u529f\u80fd\uff0c\u51cf\u5c11\u5f00\u53d1\u6210\u672c\u548c\u65f6\u95f4\u3002<\/li>\n\n\n\n<li>\u91c7\u7528Vue3\u548cVite\u6846\u67b6\uff0c\u5229\u7528\u5176\u9ad8\u6548\u7684\u6027\u80fd\u548c\u5f00\u53d1\u4f53\u9a8c\u4f18\u52bf\uff0c\u4f7f\u5f97\u9879\u76ee\u5728\u524d\u7aef\u5f00\u53d1\u4e0a\u5177\u6709\u8f83\u597d\u7684\u53ef\u7ef4\u62a4\u6027\u548c\u6269\u5c55\u6027\u3002<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u4ea4\u4e92\u6027\u5f3a<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u6210\u7ee9\u67f1\u72b6\u56fe\u53ef\u4fee\u6539\u7684\u529f\u80fd\u589e\u52a0\u4e86\u7528\u6237\u4e0e\u6570\u636e\u7684\u4ea4\u4e92\u6027\uff0c\u65b9\u4fbf\u7528\u6237\u8fdb\u884c\u4e2a\u6027\u5316\u64cd\u4f5c\u3002<\/li>\n\n\n\n<li>AI\u804a\u5929\u754c\u9762\u63d0\u4f9b\u4e86\u667a\u80fd\u4ea4\u4e92\u529f\u80fd\uff0c\u589e\u5f3a\u4e86\u7528\u6237\u7684\u53c2\u4e0e\u611f\u548c\u4f7f\u7528\u7c98\u6027\u3002<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E9%A1%B9%E7%9B%AE%E9%9A%BE%E7%82%B9\"><\/span>\u9879\u76ee\u96be\u70b9<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u6570\u636e\u6574\u5408\u4e0e\u517c\u5bb9\u6027<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u4e0d\u540c\u5f00\u6e90\u6570\u636e\u7684\u683c\u5f0f\u548c\u63a5\u53e3\u53ef\u80fd\u5b58\u5728\u5dee\u5f02\uff0c\u9700\u8981\u82b1\u8d39\u7cbe\u529b\u8fdb\u884c\u6570\u636e\u7684\u7edf\u4e00\u5904\u7406\u548c\u6574\u5408\uff0c\u786e\u4fdd\u5404\u4e2a\u9875\u9762\u4e4b\u95f4\u7684\u6570\u636e\u517c\u5bb9\u6027\u548c\u6d41\u7545\u6027\u3002<\/li>\n\n\n\n<li>\u4f8b\u5982\u8c46\u74e3\u3001\u8c46\u5305\u548c\u767e\u5ea6\u5730\u56fe\u7684\u63a5\u53e3\u6570\u636e\u683c\u5f0f\u5404\u4e0d\u76f8\u540c\uff0c\u5728\u63a5\u6536\u548c\u5904\u7406\u8fd9\u4e9b\u6570\u636e\u65f6\u8981\u4fdd\u8bc1\u80fd\u6b63\u786e\u5730\u5728\u9879\u76ee\u4e2d\u5c55\u793a\u548c\u4f7f\u7528\u3002<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u529f\u80fd\u903b\u8f91\u7684\u590d\u6742\u6027<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u5305\u542b\u591a\u4e2a\u529f\u80fd\u6a21\u5757\uff0c\u6bcf\u4e2a\u6a21\u5757\u90fd\u6709\u5176\u72ec\u7279\u7684\u4e1a\u52a1\u903b\u8f91\uff0c\u5982AI\u804a\u5929\u7684\u81ea\u7136\u8bed\u8a00\u5904\u7406\u903b\u8f91\u3001\u6210\u7ee9\u67f1\u72b6\u56fe\u4fee\u6539\u7684\u903b\u8f91\u4ee5\u53ca\u5730\u5740\u4fee\u6539\u7684\u903b\u8f91\u7b49\uff0c\u6574\u4f53\u7684\u903b\u8f91\u590d\u6742\u5ea6\u8f83\u9ad8\uff0c\u9700\u8981\u7cbe\u5fc3\u8bbe\u8ba1\u548c\u4e25\u8c28\u7684\u4ee3\u7801\u5b9e\u73b0\u6765\u4fdd\u8bc1\u5404\u4e2a\u529f\u80fd\u7684\u7a33\u5b9a\u8fd0\u884c\u3002<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u6027\u80fd\u4f18\u5316<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u7531\u4e8e\u6574\u5408\u4e86\u591a\u79cd\u529f\u80fd\u548c\u7b2c\u4e09\u65b9\u8d44\u6e90\uff0c\u53ef\u80fd\u4f1a\u5bfc\u81f4\u9875\u9762\u52a0\u8f7d\u901f\u5ea6\u53d8\u6162\u3001\u5185\u5b58\u5360\u7528\u8fc7\u9ad8\u7b49\u6027\u80fd\u95ee\u9898\u3002\u9700\u8981\u5bf9\u9879\u76ee\u8fdb\u884c\u6027\u80fd\u4f18\u5316\uff0c\u5982\u5408\u7406\u7684\u4ee3\u7801\u62c6\u5206\u3001\u61d2\u52a0\u8f7d\u3001\u7f13\u5b58\u7b56\u7565\u7b49\uff0c\u4ee5\u63d0\u5347\u7528\u6237\u4f53\u9a8c\u3002<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E4%BA%8C%E6%89%80%E9%81%87%E9%97%AE%E9%A2%98\"><\/span>\u4e8c.\u6240\u9047\u95ee\u9898<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"Ites9\"><span class=\"ez-toc-section\" id=\"%E9%97%AE%E9%A2%98_1%EF%BC%9A%E8%A7%A3%E5%86%B3%E5%8F%AA%E6%9C%89%E9%83%A8%E5%88%86%E9%A1%B5%E9%9D%A2%E5%85%B1%E5%90%8C%E6%9C%89%E5%AF%BC%E8%88%AA%E6%A0%8F%E5%8F%8A%E6%A0%87%E9%A2%98%E9%97%AE%E9%A2%98\"><\/span>\u95ee\u9898 1\uff1a\u89e3\u51b3\u53ea\u6709\u90e8\u5206\u9875\u9762\u5171\u540c\u6709\u5bfc\u822a\u680f\u53ca\u6807\u9898\u95ee\u9898<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p id=\"u5736000b\">\u5c06\u6709\u6807\u7b7e\u680f\u7684\u9875\u9762\u5355\u72ec\u5c01\u88c5\u6210\u4e00\u4e2a LayOut \u7ec4\u4ef6 \u4e0e app.vue \u540c\u7ea7\uff0c\u6240\u6709\u6709\u72b6\u6001\u680f\u7684\u5728 LayOut \u5c55\u793a\uff0c\u5176\u4ed6\u9875\u9762\u5728 app.vue \u9875\u9762\u5c55\u793a<\/p>\n\n\n\n<p id=\"u1f80260b\">\u6709\u6807\u7b7e\u680f\u7684\u9875\u9762\u5c31\u662fLayOut \u8def\u7531\u7684\u5b50\u96c6<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"odTgb\"><span class=\"ez-toc-section\" id=\"%E9%97%AE%E9%A2%98_2%EF%BC%9A%E9%85%8D%E6%9C%8D%E5%8A%A1\"><\/span>\u95ee\u9898 2\uff1a\u914d\u670d\u52a1<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"EieFH\"><span class=\"ez-toc-section\" id=\"1%E5%9C%A8_viteconfigvue_%E4%B8%AD%E9%85%8D%E6%9C%8D%E5%8A%A1\"><\/span>1.\u5728 vite.config.vue \u4e2d\u914d\u670d\u52a1<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p id=\"uf5c6d9d3\">\u5728defineConfig \u91cc\u9762 \u5199 service<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"WHByn\"><span class=\"ez-toc-section\" id=\"2%E5%9C%A8service_%E4%B8%AD_%E7%94%A8_proxy_%E9%85%8D%E7%BD%AE\"><\/span>2.\u5728service \u4e2d \u7528 proxy \u914d\u7f6e<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p id=\"u9ce02702\">\u683c\u5f0f\ud83d\udc47<\/p>\n\n\n\n<p id=\"uaedc27ac\">\/api\uff1a\u540d\u5b57<\/p>\n\n\n\n<p id=\"ub609d329\">target\uff1a\u6e90<\/p>\n\n\n\n<pre id=\"L3PRp\" class=\"wp-block-code\"><code>server: {\n    proxy: {\n      '\/api': {\n        target: '\u63a5\u53e3\u7f51\u5740',\n        changeOrigin: true,\n        rewrite: (path) =&gt; path.replace(\/^\\\/api\/, ''),\n      },\n    },\n  },<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"YhUp0\"><span class=\"ez-toc-section\" id=\"%E9%97%AE%E9%A2%98_3%EF%BC%9A%E6%8E%A5%E5%85%A5_ai\"><\/span>\u95ee\u9898 3\uff1a\u63a5\u5165 ai<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"vg65B\"><span class=\"ez-toc-section\" id=\"1ai_%E8%81%8A%E5%A4%A9%E5%8C%BA_%E5%8F%AB%E5%AF%8C%E6%96%87%E4%BB%B6_%E6%89%93%E5%AD%97%E6%9C%BA%E6%95%88%E6%9E%9C_%E5%AE%89%E8%A3%85_vue-markdown%EF%BC%88%E4%B8%8D%E7%94%A8%EF%BC%89\"><\/span>1.ai \u804a\u5929\u533a \u53eb\u5bcc\u6587\u4ef6 \u6253\u5b57\u673a\u6548\u679c \u5b89\u88c5 vue-markdown\uff08\u4e0d\u7528\uff09<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p id=\"ue2655be2\">\u5728\u54ea\u91cc\u5199\u5c31\u5728\u54ea\u5f15\u5165 \u7528\u7684\u65f6\u5019\u7528 source \u52a8\u6001\u7ed1\u5b9a ai \u56de\u7b54\u8f93\u51fa\u7684\u5bcc\u6587\u4ef6<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"YG48z\"><span class=\"ez-toc-section\" id=\"1%E5%AE%89%E8%A3%85npm_install_marked_dompurify_%E7%94%A8%E6%9D%A5%E5%A4%84%E7%90%86_ai_%E5%9B%9E%E7%AD%94%E7%9A%84_markdown_%E6%96%87%E6%9C%AC%E6%A0%BC%E5%BC%8F\"><\/span>1.\u5b89\u88c5npm install marked dompurify \u7528\u6765\u5904\u7406 ai \u56de\u7b54\u7684 markdown \u6587\u672c\u683c\u5f0f<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p id=\"u393c605a\">\u7528 marked.parse(xxx)\u5c06 markdown \u6587\u672c\u8f6c\u6210 html<\/p>\n\n\n\n<p id=\"ufd8c9fee\">\u518d\u7528 dompurity \u51c0\u5316 html \u9632\u6b62 xxs \u653b\u51fb<\/p>\n\n\n\n<pre id=\"xcNHW\" class=\"wp-block-code\"><code>\/\/ \u7528v-html\u5904\u7406\n&lt;div class=\"ask\" v-html=\"handleMarkdown(item.question)\"&gt;&lt;\/div&gt;\n\n\/\/ \u5f15\u5165\nimport DomPurify from \"dompurify\";\nimport { marked } from \"marked\";\n\n\n\/\/ \u5904\u7406markdown\nconst handleMarkdown = (val: string) =&gt; {\n  return DomPurify.sanitize(String(marked.parse(val)));\n};<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"mxvtA\"><span class=\"ez-toc-section\" id=\"2%E7%94%A8_scrollIntoViewblock_%E2%80%9Dend%E2%80%9D\"><\/span>2.\u7528 scrollIntoView({block:&#8221;end&#8221;})<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p id=\"u08fe42ce\">\u5b9e\u73b0\u76d1\u542c \u81ea\u52a8\u5411\u4e0a\u6eda\u52a8<\/p>\n\n\n\n<p id=\"u70669985\">\u7528 ref \u7ed1\u5b9a\u4e4b\u540e\u7528scrollIntoView({block:&#8221;end&#8221;})<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdn.nlark.com\/yuque\/0\/2025\/png\/60074048\/1758012609358-b54578da-cdf2-4524-be44-7e6284e24b2b.png\" alt=\"\" title=\"\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"spzV8\"><span class=\"ez-toc-section\" id=\"3_%E6%8E%A5%E5%85%A5_ai_%E7%9A%84%E6%97%B6%E5%80%99_%E8%A6%81%E8%A7%A3%E6%9E%90%E6%90%BA%E5%B8%A6%E7%9A%84%E6%95%B0%E6%8D%AE\"><\/span>3. \u63a5\u5165 ai \u7684\u65f6\u5019 \u8981\u89e3\u6790\u643a\u5e26\u7684\u6570\u636e<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p id=\"u5452f5b5\">\u6b65\u9aa4\u5982\u4e0b\ud83d\udc47<\/p>\n\n\n\n<p id=\"ua09ac6a5\">1.\u63a5\u6536\u6570\u636e<\/p>\n\n\n\n<pre id=\"r4MLf\" class=\"wp-block-code\"><code>const result = await fetch(\"\/doubao\/chat\/completions\", {\n    method: \"POST\",\n    headers: {\n      \"Content-Type\": \"application\/json\",\n      Authorization: \"Bearer 1e641d1d-4f35-413c-8bf8-bf5f6ee213c8\",\n    },\n    body: JSON.stringify({\n      model: \"doubao-seed-1-6-vision-250815\",\n      messages: &#091;\n        { role: \"system\", content: \"You are a helpful assistant.\" },\n\n        { role: \"user\", content: questionValue.value },\n      ],\n      stream: true,\n    }),\n  });<\/code><\/pre>\n\n\n\n<p id=\"u3b8a6bb5\">2.\u89e3\u6790<\/p>\n\n\n\n<pre id=\"sBswf\" class=\"wp-block-code\"><code>    \/\/  \u2460 \u89e3\u6790\u6570\u636e \u4f46\u8fd8\u662fPromise {&lt;pending&gt;}\u72b6\u6001 \u4e0d\u53ef\u8bfb\n  if (result.body) {\n    let resultData = result.body.getReader();\n    console.log(resultData, \"\u7b2c\u4e00\u6b21\u83b7\u53d6\");\n\n    \/\/  \u2461 \u5b9a\u4e49\u4e00\u4e2a\u7f16\u7801\u89e3\u6790\u65b9\u5f0f\n    let codeMain = new TextDecoder(\"utf-8\");\n    console.log(codeMain, \"\u89e3\u7801\u65b9\u5f0f\");\n    \/\/  \u2462 \u5faa\u73af\u8bfb\u53d6\u6570\u636e\n    while (isDone.value) {\n      \/\/ \u2463 \u7528.read()\u65b9\u6cd5\u8bfb\u53d6\u6570\u636e \u4f46\u8fd8\u662f\u4e0d\u53ef\u4ee5\u8bfb\u53d6 \u503c\u5728value\u4e2d\n      let resMain = await resultData.read();\n      console.log(resMain, \"\u7b2c\u4e8c\u6b21\u89e3\u6790\");\n      isDone.value = !resMain.done;\n      if (isDone.value == false) {\n        break;\n      }\n      \/\/\u2464 \u7528\u8fd9\u4e2a\u89e3\u7801\u65b9\u5f0f\u518d\u6b21\u5904\u7406\u6570\u636e\n      let data = codeMain.decode(resMain.value, { stream: true });\n      \/\/\u2465 \u628a\u4e0d\u9700\u8981\u7684\u5b57\u7b26\u622a\u6389\n      let dataArr = data.split(\"data: \").slice(1);\n\n      console.log(dataArr, \"\u622a\u53d6\u540e\u7684\u7b54\u6848\");\n      \/\/ let dataArr = data.choices&#091;0].message.content;\n      console.log(dataArr, \"\u622a\u53d6\u540e\u7684\u7b54\u6848\");\n      \/\/\u2466 \u628a\u8fd4\u56de\u7684\u7b54\u6848\u5b58\u5230\u6570\u7ec4talkList\u4e2d\n\n      dataArr.forEach((item) =&gt; {\n        if (item) {\n          if (!item.includes(\"&#091;DONE]\")) {\n            \/\/ loading\n            const lastItem = talkList.value&#091;talkList.value.length - 1];\n            lastItem.loading = false;\n            talkList.value&#091;talkList.value.length - 1].answer +=\n              JSON.parse(item).choices&#091;0].delta.content;\n          }\n        }\n      });<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ndkMv\"><span class=\"ez-toc-section\" id=\"%E9%97%AE%E9%A2%98_4%E5%BC%95%E5%85%A5%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BE\"><\/span>\u95ee\u9898 4.\u5f15\u5165\u767e\u5ea6\u5730\u56fe<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"seDzs\"><span class=\"ez-toc-section\" id=\"1%E4%B8%8B%E8%BD%BD%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BE%E5%8C%85\"><\/span>1.\u4e0b\u8f7d\u767e\u5ea6\u5730\u56fe\u5305<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p id=\"u5d904d41\">npm install vue-baidu-map-3x<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"esrBU\"><span class=\"ez-toc-section\" id=\"2%E5%9C%A8_maints_%E5%85%A8%E5%B1%80%E5%BC%95%E5%85%A5\"><\/span>2.\u5728 main.ts \u5168\u5c40\u5f15\u5165<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdn.nlark.com\/yuque\/0\/2025\/png\/60074048\/1757903154183-ecc8b913-fc4c-45c1-9910-5194c6cf98b9.png?x-oss-process=image%2Fcrop%2Cx_0%2Cy_12%2Cw_678%2Ch_158\" alt=\"\" title=\"\" \/><\/figure>\n\n\n\n<p id=\"u48643a29\">ak \u4e3a\u5141\u8bb8\u4f7f\u7528\u7684\u6807\u8bc6<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"fE3KT\"><span class=\"ez-toc-section\" id=\"3%E5%9C%A8%E4%BD%BF%E7%94%A8%E7%9A%84%E9%A1%B5%E9%9D%A2%E4%BD%BF%E7%94%A8\"><\/span>3.\u5728\u4f7f\u7528\u7684\u9875\u9762\u4f7f\u7528<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p id=\"uc763d5c0\">&lt;baidu-map&gt;\u6807\u7b7e \u5fc5\u987b\u7ed1\u5b9a\u4e24\u4e2a\u5c5e\u6027 center \u548c zoom<\/p>\n\n\n\n<p id=\"u9e9865b8\">center \u91cc\u9762\u662f\u7ecf\u7eac\u5ea6 zoom \u662f\u7f29\u653e\u6bd4\u4f8b<\/p>\n\n\n\n<p id=\"ud698b132\">\u7ed9\u5730\u56fe\u6807\u7b7e\u8bbe\u7f6e\u5bbd\u9ad8 \u5373\u53ef\u5c55\u793a<\/p>\n\n\n\n<pre id=\"CEZvn\" class=\"wp-block-code\"><code>&lt;baidu-map  class=\"map\"\n        :center=\"{\n          lat: addressObj.position.lat,\n          lng: addressObj.position.lng,\n        }\"\n        :zoom=\"15\"\n      &gt;\n      &lt;\/baidu-map&gt;<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"MmLiW\"><span class=\"ez-toc-section\" id=\"4\"><\/span>4.&lt;bm-marker&gt;<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p id=\"udafe6650\">&lt;bm-marker&gt;\u6807\u7b7e \u5fc5\u987b\u7ed1\u5b9a position \u663e\u793a\u7ea2\u70b9\u4f4d\u7f6e<\/p>\n\n\n\n<pre id=\"oOkQZ\" class=\"wp-block-code\"><code>&lt;bm-marker\n          :position=\"{\n            lat: addressObj.location.lat,\n            lng: addressObj.location.lng,\n          }\"\n        &gt;&lt;\/bm-marker&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"XwbN1\"><span class=\"ez-toc-section\" id=\"%E9%97%AE%E9%A2%98_5%E4%BD%BF%E7%94%A8_echarts_%E5%88%B6%E4%BD%9C%E5%8F%AF%E8%A7%86%E5%8C%96%E5%9B%BE%E8%A1%A8\"><\/span>\u95ee\u9898 5.\u4f7f\u7528 echarts \u5236\u4f5c\u53ef\u89c6\u5316\u56fe\u8868<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/echarts.apache.org\/zh\/index.html\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"Elddn\"><span class=\"ez-toc-section\" id=\"1%E5%AE%89%E8%A3%85_npm_install_echarts\"><\/span>1.\u5b89\u88c5 npm install echarts<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"Trgks\"><span class=\"ez-toc-section\" id=\"2%E6%8C%89%E7%85%A7%E5%AE%98%E7%BD%91%E7%9A%84%E5%AE%9E%E4%BE%8B%E5%BC%95%E7%94%A8_%E5%A4%8D%E5%88%B6_%E4%BF%AE%E6%94%B9_%E4%BD%BF%E7%94%A8\"><\/span>2.\u6309\u7167\u5b98\u7f51\u7684\u5b9e\u4f8b\u5f15\u7528 \u590d\u5236 \u4fee\u6539 \u4f7f\u7528<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p id=\"uc6188846\">\u5728\u7ed8\u56fe\u524d\u6211\u4eec\u9700\u8981\u4e3a ECharts \u51c6\u5907\u4e00\u4e2a\u5b9a\u4e49\u4e86\u9ad8\u5bbd\u7684 DOM \u5bb9\u5668<\/p>\n\n\n\n<p id=\"u68effc2b\">\u7136\u540e\u5c31\u53ef\u4ee5\u901a\u8fc7 <a href=\"https:\/\/echarts.apache.org\/\/api.html#echarts.init\" target=\"_blank\" rel=\"noreferrer noopener\">echarts.init<\/a> \u65b9\u6cd5\u521d\u59cb\u5316\u4e00\u4e2a echarts \u5b9e\u4f8b\u5e76\u901a\u8fc7 <a href=\"https:\/\/echarts.apache.org\/\/api.html#echartsInstance.setOption\" target=\"_blank\" rel=\"noreferrer noopener\">setOption<\/a> \u65b9\u6cd5\u751f\u6210\u4e00\u4e2a\u7b80\u5355\u7684\u67f1\u72b6\u56fe<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdn.nlark.com\/yuque\/0\/2025\/png\/60074048\/1757986671197-85398298-b090-4fae-9474-c8657ad7f0b4.png?x-oss-process=image%2Fcrop%2Cx_0%2Cy_0%2Cw_1306%2Ch_830\" alt=\"\" title=\"\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E4%B8%89%E6%95%88%E6%9E%9C%E5%B1%95%E7%A4%BA\"><\/span>\u4e09.\u6548\u679c\u5c55\u793a<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>\u5267\u96c6\u9875\u9762<\/summary>\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"428\" height=\"709\" data-id=\"2422\" src=\"http:\/\/linuxjk.oss-cn-shanghai-internal.aliyuncs.com\/wordpress\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135344.png\" alt=\"\" class=\"wp-image-2422\" srcset=\"https:\/\/linuxjk.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135344.png 428w, https:\/\/linuxjk.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135344-181x300.png 181w\" sizes=\"(max-width: 428px) 100vw, 428px\" \/><\/figure>\n<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>\u96c6\u5e02\u9875\u9762<\/summary>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"426\" height=\"793\" src=\"http:\/\/linuxjk.oss-cn-shanghai-internal.aliyuncs.com\/wordpress\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135401.png\" alt=\"\" class=\"wp-image-2423\" srcset=\"https:\/\/linuxjk.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135401.png 426w, https:\/\/linuxjk.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135401-161x300.png 161w\" sizes=\"(max-width: 426px) 100vw, 426px\" \/><\/figure>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>ai\u804a\u5929\u9875\u9762<\/summary>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"415\" height=\"715\" src=\"http:\/\/linuxjk.oss-cn-shanghai-internal.aliyuncs.com\/wordpress\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135432.png\" alt=\"\" class=\"wp-image-2424\" srcset=\"https:\/\/linuxjk.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135432.png 415w, https:\/\/linuxjk.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135432-174x300.png 174w\" sizes=\"(max-width: 415px) 100vw, 415px\" \/><\/figure>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>\u6211\u7684\u9875\u9762<\/summary>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"434\" height=\"719\" src=\"http:\/\/linuxjk.oss-cn-shanghai-internal.aliyuncs.com\/wordpress\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135437.png\" alt=\"\" class=\"wp-image-2425\" srcset=\"https:\/\/linuxjk.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135437.png 434w, https:\/\/linuxjk.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135437-181x300.png 181w\" sizes=\"(max-width: 434px) 100vw, 434px\" \/><\/figure>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>\u6211\u7684\u6210\u7ee9\u9875\u9762<\/summary>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"438\" height=\"719\" src=\"http:\/\/linuxjk.oss-cn-shanghai-internal.aliyuncs.com\/wordpress\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135442.png\" alt=\"\" class=\"wp-image-2426\" srcset=\"https:\/\/linuxjk.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135442.png 438w, https:\/\/linuxjk.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135442-183x300.png 183w\" sizes=\"(max-width: 438px) 100vw, 438px\" \/><\/figure>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>\u6211\u7684\u5730\u5740\u9875\u9762<\/summary>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"441\" height=\"729\" src=\"http:\/\/linuxjk.oss-cn-shanghai-internal.aliyuncs.com\/wordpress\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135513.png\" alt=\"\" class=\"wp-image-2427\" srcset=\"https:\/\/linuxjk.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135513.png 441w, https:\/\/linuxjk.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135513-181x300.png 181w\" sizes=\"(max-width: 441px) 100vw, 441px\" \/><\/figure>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>\u6211\u7684\u5730\u5740\u4fee\u6539\u9875\u9762<\/summary>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"484\" height=\"738\" src=\"http:\/\/linuxjk.oss-cn-shanghai-internal.aliyuncs.com\/wordpress\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135527.png\" alt=\"\" class=\"wp-image-2428\" srcset=\"https:\/\/linuxjk.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135527.png 484w, https:\/\/linuxjk.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/2025\/09\/\u5c4f\u5e55\u622a\u56fe-2025-09-16-135527-197x300.png 197w\" sizes=\"(max-width: 484px) 100vw, 484px\" \/><\/figure>\n<\/details>\n","protected":false},"excerpt":{"rendered":"<p>\u4e00.\u9879\u76ee\u4eae\u70b9\u53ca\u96be\u70b9 \u9879\u76ee\u4eae\u70b9 \u9879\u76ee\u96be\u70b9 \u4e8c.\u6240\u9047\u95ee\u9898 \u95ee\u9898 1\uff1a\u89e3\u51b3\u53ea\u6709\u90e8\u5206\u9875\u9762\u5171\u540c\u6709\u5bfc\u822a\u680f\u53ca\u6807\u9898\u95ee\u9898 \u5c06\u6709\u6807 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","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":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"categories":[19],"tags":[],"class_list":["post-2421","post","type-post","status-publish","format-standard","hentry","category--yxy"],"_links":{"self":[{"href":"https:\/\/linuxjk.cn\/index.php?rest_route=\/wp\/v2\/posts\/2421","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/linuxjk.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/linuxjk.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/linuxjk.cn\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/linuxjk.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2421"}],"version-history":[{"count":1,"href":"https:\/\/linuxjk.cn\/index.php?rest_route=\/wp\/v2\/posts\/2421\/revisions"}],"predecessor-version":[{"id":2429,"href":"https:\/\/linuxjk.cn\/index.php?rest_route=\/wp\/v2\/posts\/2421\/revisions\/2429"}],"wp:attachment":[{"href":"https:\/\/linuxjk.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2421"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/linuxjk.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2421"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/linuxjk.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}