{"id":52819,"date":"2024-12-03T13:36:22","date_gmt":"2024-12-03T05:36:22","guid":{"rendered":"https:\/\/fwq.ai\/blog\/52819\/"},"modified":"2024-12-03T13:36:22","modified_gmt":"2024-12-03T05:36:22","slug":"%e5%a6%82%e4%bd%95%e6%89%93%e9%80%a0%e6%9b%b4%e5%85%b7%e5%90%b8%e5%bc%95%e5%8a%9b%e7%9a%84%e5%8d%9a%e5%ae%a2%e5%a4%96%e8%a7%82%ef%bc%9f-2","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/52819\/","title":{"rendered":"\u5982\u4f55\u6253\u9020\u66f4\u5177\u5438\u5f15\u529b\u7684\u535a\u5ba2\u5916\u89c2\uff1f"},"content":{"rendered":"<p><b><\/b>     <\/p>\n<h1>\u5982\u4f55\u6253\u9020\u66f4\u5177\u5438\u5f15\u529b\u7684\u535a\u5ba2\u5916\u89c2\uff1f<\/h1>\n<p>\u672c\u7bc7\u6587\u7ae0\u4e3b\u8981\u662f\u7ed3\u5408\u6211\u4e4b\u524d\u9762\u8bd5\u7684\u5404\u79cd\u7ecf\u5386\u548c\u5b9e\u6218\u5f00\u53d1\u4e2d\u9047\u5230\u7684\u95ee\u9898\u89e3\u51b3\u7ecf\u9a8c\u6574\u7406\u7684\uff0c\u5e0c\u671b\u8fd9\u7bc7\u300a\u5982\u4f55\u6253\u9020\u66f4\u5177\u5438\u5f15\u529b\u7684\u535a\u5ba2\u5916\u89c2\uff1f\u300b\u5bf9\u4f60\u6709\u5f88\u5927\u5e2e\u52a9\uff01\u6b22\u8fce\u6536\u85cf\uff0c\u5206\u4eab\u7ed9\u66f4\u591a\u7684\u9700\u8981\u7684\u670b\u53cb\u5b66\u4e60~<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.17golang.com\/uploads\/20241123\/17323573116741acbf03483.jpg\" class=\"aligncenter\" title=\"\u5982\u4f55\u6253\u9020\u66f4\u5177\u5438\u5f15\u529b\u7684\u535a\u5ba2\u5916\u89c2\uff1f\u63d2\u56fe\" alt=\"\u5982\u4f55\u6253\u9020\u66f4\u5177\u5438\u5f15\u529b\u7684\u535a\u5ba2\u5916\u89c2\uff1f\u63d2\u56fe\" \/><\/p>\n<p><strong>\u4f18\u5316\u535a\u5ba2\u5916\u89c2\u8fdb\u9636\u6307\u5357<\/strong><\/p>\n<p>\u5982\u4f55\u6539\u5584\u535a\u5ba2\u5916\u89c2\uff0c\u8ba9\u5b83\u66f4\u5177\u5438\u5f15\u529b\uff1f\u672c\u6587\u5c06\u4e3a\u4f60\u63d0\u4f9b\u5177\u4f53\u7684\u6307\u5bfc\uff0c\u4ece\u66f4\u6539\u6807\u9898\u6837\u5f0f\u5230\u4f18\u5316\u4ee3\u7801\u5b57\u4f53\uff0c\u6253\u9020\u6bcf\u4e2a\u4eba\u5fc3\u4e2d\u7684\u7406\u60f3\u535a\u5ba2\u5916\u89c2\u3002<\/p>\n<p><strong>\u81ea\u5b9a\u4e49\u6807\u9898\u6837\u5f0f<\/strong><\/p>\n<p>\u81ea\u5b9a\u4e49\u6807\u9898\u6837\u5f0f\u53ef\u4ee5\u63d0\u5347\u535a\u5ba2\u7684\u6574\u4f53\u98ce\u683c\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7 CSS \u66f4\u6539\u5b57\u4f53\u5927\u5c0f\u3001\u989c\u8272\u548c\u6837\u5f0f\u3002<\/p>\n<p><strong>\u589e\u52a0\u900f\u660e\u5ea6<\/strong><\/p>\n<p>\u9002\u5f53\u7684\u900f\u660e\u5ea6\u53ef\u4ee5\u51f8\u663e\u91cd\u8981\u5143\u7d20\uff0c\u540c\u65f6\u4fdd\u6301\u535a\u5ba2\u7684\u89c6\u89c9\u7b80\u6d01\u3002\u901a\u8fc7\u8bbe\u7f6e\u5143\u7d20\u7684 alpha \u901a\u9053\u503c\uff0c\u4f60\u53ef\u4ee5\u63a7\u5236\u900f\u660e\u5ea6\u3002<\/p>\n<p><strong>\u4f18\u5316\u4ee3\u7801\u5b57\u4f53<\/strong><\/p>\n<p>\u9009\u62e9\u6613\u4e8e\u9605\u8bfb\u7684\u4ee3\u7801\u5b57\u4f53\u81f3\u5173\u91cd\u8981\u3002\u4f60\u53ef\u4ee5\u4f7f\u7528 Google Fonts \u6216\u4e13\u4e1a\u5b57\u4f53\u7f51\u7ad9\u6765\u67e5\u627e\u9002\u5408\u4f60\u535a\u5ba2\u7684\u5b57\u4f53\u3002<\/p>\n<p><strong>\u8bbe\u7f6e\u80cc\u666f<\/strong><\/p>\n<p>\u80cc\u666f\u53ef\u4ee5\u4e3a\u4f60\u7684\u535a\u5ba2\u589e\u6dfb\u4e2a\u6027\u3002\u4f60\u53ef\u4ee5\u4f7f\u7528\u7eaf\u8272\u80cc\u666f\u3001\u56fe\u50cf\u6216\u56fe\u6848\u6765\u521b\u5efa\u4e0d\u540c\u89c6\u89c9\u6548\u679c\u3002<\/p>\n<p><strong>\u8fdb\u9636\u4f18\u5316<\/strong><\/p>\n<p>\u5982\u679c\u4f60\u60f3\u8fdb\u4e00\u6b65\u4f18\u5316\u535a\u5ba2\u5916\u89c2\uff0c\u4f60\u8fd8\u53ef\u4ee5\u8003\u8651\uff1a<\/p>\n<ul>\n<li>\u4f7f\u7528\u7f51\u683c\u7cfb\u7edf\u6765\u5e03\u5c40\u5185\u5bb9<\/li>\n<li>\u6dfb\u52a0\u52a8\u753b\u6548\u679c\u4ee5\u63d0\u9ad8\u4e92\u52a8\u6027<\/li>\n<li>\u5229\u7528\u7b2c\u4e09\u65b9\u63d2\u4ef6\u589e\u5f3a\u529f\u80fd<\/li>\n<li>\u4f18\u5316\u7f51\u7ad9\u901f\u5ea6\u4ee5\u6539\u5584\u7528\u6237\u4f53\u9a8c<\/li>\n<\/ul>\n<p><strong>\u53c2\u8003\u6848\u4f8b<\/strong><\/p>\n<p>\u5bf9\u4e8e\u5916\u89c2\u8bbe\u8ba1\u53c2\u8003\uff0c\u4f60\u53ef\u4ee5\u67e5\u770b [Two-Feb \u7684\u535a\u5ba2](https:\/\/www.cnblogs.com\/two-feb)\u3002\u8fd9\u6b3e\u535a\u5ba2\u91c7\u7528\u4e86 [SimpleMemor \u4e3b\u9898](http:\/\/doc.dbnuo.org\/cnblogs-theme-docs\/v1.1.0\/#\/)\uff0c\u4f60\u53ef\u4ee5\u53c2\u8003\u5b83\u7684\u6587\u6863\u4e86\u89e3\u5982\u4f55\u81ea\u5b9a\u4e49\u4f60\u7684\u535a\u5ba2\u5916\u89c2\u3002<\/p>\n<p>\u4eca\u5929\u5173\u4e8e\u300a\u5982\u4f55\u6253\u9020\u66f4\u5177\u5438\u5f15\u529b\u7684\u535a\u5ba2\u5916\u89c2\uff1f\u300b\u7684\u5185\u5bb9\u4ecb\u7ecd\u5c31\u5230\u6b64\u7ed3\u675f\uff0c\u5982\u679c\u6709\u4ec0\u4e48\u7591\u95ee\u6216\u8005\u5efa\u8bae\uff0c\u53ef\u4ee5\u5728\u7c73\u4e91\u516c\u4f17\u53f7\u4e0b\u591a\u591a\u56de\u590d\u4ea4\u6d41\uff1b\u6587\u4e2d\u82e5\u6709\u4e0d\u6b63\u4e4b\u5904\uff0c\u4e5f\u5e0c\u671b\u56de\u590d\u7559\u8a00\u4ee5\u544a\u77e5\uff01<\/p>\n<dl>\n<dt><\/dt>\n<dd>\n   Vue \u9879\u76ee\u8fd0\u884c\u65f6\uff0c\u4e3a\u4ec0\u4e48\u6d4f\u89c8\u5668\u6253\u5f00\u7684\u7f51\u5740\u4e0d\u662f http:\/\/localhost:8080 \u800c\u662f http:\/\/0.0.0.0:8080\uff1f\n <\/dd>\n<\/dl>\n","protected":false},"excerpt":{"rendered":"<p>\u5982\u4f55\u6253\u9020\u66f4\u5177\u5438\u5f15\u529b\u7684\u535a\u5ba2\u5916\u89c2\uff1f \u672c\u7bc7\u6587\u7ae0\u4e3b\u8981\u662f\u7ed3\u5408\u6211\u4e4b\u524d\u9762\u8bd5\u7684\u5404\u79cd\u7ecf\u5386\u548c\u5b9e\u6218\u5f00\u53d1\u4e2d\u9047\u5230\u7684\u95ee\u9898\u89e3\u51b3\u7ecf\u9a8c\u6574\u7406\u7684\uff0c\u5e0c\u671b\u8fd9\u7bc7\u300a\u5982\u4f55\u6253\u9020\u66f4\u5177\u5438\u5f15\u529b\u7684\u535a\u5ba2\u5916\u89c2\uff1f\u300b\u5bf9\u4f60\u6709\u5f88\u5927\u5e2e\u52a9\uff01\u6b22\u8fce\u6536\u85cf\uff0c\u5206\u4eab\u7ed9\u66f4\u591a\u7684\u9700\u8981\u7684\u670b\u53cb\u5b66\u4e60~ \u4f18\u5316\u535a\u5ba2\u5916\u89c2\u8fdb\u9636\u6307\u5357 \u5982\u4f55\u6539\u5584\u535a\u5ba2\u5916\u89c2\uff0c\u8ba9\u5b83\u66f4\u5177\u5438\u5f15\u529b\uff1f\u672c\u6587\u5c06\u4e3a\u4f60\u63d0\u4f9b\u5177\u4f53\u7684\u6307\u5bfc\uff0c\u4ece\u66f4\u6539\u6807\u9898\u6837\u5f0f\u5230\u4f18\u5316\u4ee3\u7801\u5b57\u4f53\uff0c\u6253\u9020\u6bcf\u4e2a\u4eba\u5fc3\u4e2d\u7684\u7406\u60f3\u535a\u5ba2\u5916\u89c2\u3002 \u81ea\u5b9a\u4e49\u6807\u9898\u6837\u5f0f \u81ea\u5b9a\u4e49\u6807\u9898\u6837\u5f0f\u53ef\u4ee5\u63d0\u5347\u535a\u5ba2\u7684\u6574\u4f53\u98ce\u683c\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7 CSS \u66f4\u6539\u5b57\u4f53\u5927\u5c0f\u3001\u989c\u8272\u548c\u6837\u5f0f\u3002 \u589e\u52a0\u900f\u660e\u5ea6 \u9002\u5f53\u7684\u900f\u660e\u5ea6\u53ef\u4ee5\u51f8\u663e\u91cd\u8981\u5143\u7d20\uff0c\u540c\u65f6\u4fdd\u6301\u535a\u5ba2\u7684\u89c6\u89c9\u7b80\u6d01\u3002\u901a\u8fc7\u8bbe\u7f6e\u5143\u7d20\u7684 alpha \u901a\u9053\u503c\uff0c\u4f60\u53ef\u4ee5\u63a7\u5236\u900f\u660e\u5ea6\u3002 \u4f18\u5316\u4ee3\u7801\u5b57\u4f53 \u9009\u62e9\u6613\u4e8e\u9605\u8bfb\u7684\u4ee3\u7801\u5b57\u4f53\u81f3\u5173\u91cd\u8981\u3002\u4f60\u53ef\u4ee5\u4f7f\u7528 Google Fonts \u6216\u4e13\u4e1a\u5b57\u4f53\u7f51\u7ad9\u6765\u67e5\u627e\u9002\u5408\u4f60\u535a\u5ba2\u7684\u5b57\u4f53\u3002 \u8bbe\u7f6e\u80cc\u666f \u80cc\u666f\u53ef\u4ee5\u4e3a\u4f60\u7684\u535a\u5ba2\u589e\u6dfb\u4e2a\u6027\u3002\u4f60\u53ef\u4ee5\u4f7f\u7528\u7eaf\u8272\u80cc\u666f\u3001\u56fe\u50cf\u6216\u56fe\u6848\u6765\u521b\u5efa\u4e0d\u540c\u89c6\u89c9\u6548\u679c\u3002 \u8fdb\u9636\u4f18\u5316 \u5982\u679c\u4f60\u60f3\u8fdb\u4e00\u6b65\u4f18\u5316\u535a\u5ba2\u5916\u89c2\uff0c\u4f60\u8fd8\u53ef\u4ee5\u8003\u8651\uff1a \u4f7f\u7528\u7f51\u683c\u7cfb\u7edf\u6765\u5e03\u5c40\u5185\u5bb9 \u6dfb\u52a0\u52a8\u753b\u6548\u679c\u4ee5\u63d0\u9ad8\u4e92\u52a8\u6027 \u5229\u7528\u7b2c\u4e09\u65b9\u63d2\u4ef6\u589e\u5f3a\u529f\u80fd \u4f18\u5316\u7f51\u7ad9\u901f\u5ea6\u4ee5\u6539\u5584\u7528\u6237\u4f53\u9a8c \u53c2\u8003\u6848\u4f8b \u5bf9\u4e8e\u5916\u89c2\u8bbe\u8ba1\u53c2\u8003\uff0c\u4f60\u53ef\u4ee5\u67e5\u770b [Two-Feb \u7684\u535a\u5ba2](https:\/\/www.cnblogs.com\/two-feb)\u3002\u8fd9\u6b3e\u535a\u5ba2\u91c7\u7528\u4e86 [SimpleMemor \u4e3b\u9898](http:\/\/doc.dbnuo.org\/cnblogs-theme-docs\/v1.1.0\/#\/)\uff0c\u4f60\u53ef\u4ee5\u53c2\u8003\u5b83\u7684\u6587\u6863\u4e86\u89e3\u5982\u4f55\u81ea\u5b9a\u4e49\u4f60\u7684\u535a\u5ba2\u5916\u89c2\u3002 \u4eca\u5929\u5173\u4e8e\u300a\u5982\u4f55\u6253\u9020\u66f4\u5177\u5438\u5f15\u529b\u7684\u535a\u5ba2\u5916\u89c2\uff1f\u300b\u7684\u5185\u5bb9\u4ecb\u7ecd\u5c31\u5230\u6b64\u7ed3\u675f\uff0c\u5982\u679c\u6709\u4ec0\u4e48\u7591\u95ee\u6216\u8005\u5efa\u8bae\uff0c\u53ef\u4ee5\u5728\u7c73\u4e91\u516c\u4f17\u53f7\u4e0b\u591a\u591a\u56de\u590d\u4ea4\u6d41\uff1b\u6587\u4e2d\u82e5\u6709\u4e0d\u6b63\u4e4b\u5904\uff0c\u4e5f\u5e0c\u671b\u56de\u590d\u7559\u8a00\u4ee5\u544a\u77e5\uff01 Vue \u9879\u76ee\u8fd0\u884c\u65f6\uff0c\u4e3a\u4ec0\u4e48\u6d4f\u89c8\u5668\u6253\u5f00\u7684\u7f51\u5740\u4e0d\u662f http:\/\/localhost:8080 \u800c\u662f http:\/\/0.0.0.0:8080\uff1f<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-52819","post","type-post","status-publish","format-standard","hentry","category-16"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/52819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=52819"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/52819\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=52819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=52819"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=52819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}