{"id":118,"date":"2023-04-07T22:51:48","date_gmt":"2023-04-07T14:51:48","guid":{"rendered":"http:\/\/www.zhang-junyi.com\/?p=118"},"modified":"2023-04-07T22:54:57","modified_gmt":"2023-04-07T14:54:57","slug":"%e5%85%b3%e4%ba%8e%e7%bd%91%e7%ab%99%e7%be%8e%e5%8c%96%ef%bc%88%e8%bd%ac%ef%bc%89","status":"publish","type":"post","link":"http:\/\/www.zhang-junyi.com\/?p=118","title":{"rendered":"\u5173\u4e8e\u7f51\u7ad9\u7f8e\u5316\uff08\u8f6c\uff09"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"header-id-1\">\u524d\u8a00<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u5f88\u5f00\u5fc3\u8fd9\u7bc7\u7f8e\u5316\u6587\u7ae0\u80fd\u591f\u5e2e\u52a9\u5230\u5927\u5bb6\uff0c\u5982\u679c\u8f6c\u8f7d\u8bf7\u6807\u6ce8\u539f\u6587\u5730\u5740\u54e6\uff0c\u5341\u5206\u611f\u8c22\uff01<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">\u5e38\u8a00\u9053\uff1a\u5de5\u6b32\u5584\u5176\u4e8b\u5fc5\u5148\u5229\u5176\u5668\uff0c\u5728\u53d1\u8868\u6587\u7ae0\u524d\uff0c\u7f8e\u5316\u535a\u5ba2\uff0c\u4f7f\u5176\u5229\u4e8e\u81ea\u5df1\u7684\u89c2\u770b\u4e0e\u7ba1\u7406\u6781\u5176\u91cd\u8981\uff0c\u6240\u4ee5\u6211\u56db\u5904\u641c\u5bfb\uff0c\u5f97\u5230\u4e86\u4ee5\u4e0b\u7f8e\u5316\u4ee3\u7801\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4f46\u662f\uff0c\u6709\u65f6\u5019\u6211\u4eec\u8d70\u5f97\u592a\u8fdc\uff0c\u4f1a\u5fd8\u4e86\u4e3a\u4ec0\u4e48\u51fa\u53d1\u3002\u5e0c\u671b\u9605\u89c8\u672c\u6587\u7ae0\u7684\u4eba\u4e0d\u8981\u5fd8\u8bb0\u521d\u5fc3\uff0c\u60f3\u60f3\u4e00\u5f00\u59cb\u4e3a\u4ec0\u4e48\u642d\u5efa\u535a\u5ba2\u3002\u6211\u76f8\u4fe1\u5927\u90e8\u5206\u670b\u53cb\u90fd\u662f\u4e3a\u4e86\u8bb0\u5f55\u81ea\u5df1\u5b66\u4e60\u7b14\u8bb0\uff0c\u751f\u6d3b\u6545\u4e8b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6240\u4ee5\uff0c\u6709\u65f6\u5019\u535a\u5ba2\u7f8e\u5316\u8fc7\u5ea6\u4f1a\u9002\u5f97\u5176\u53cd\uff0c\u671b\u5404\u4f4d\u4ed4\u7ec6\u659f\u914c\uff0c\u83ab\u8981\u4f7f\u81ea\u5df1\u7684\u535a\u5ba2\u53d8\u6210\u4e86\u82b1\u67b6\u5b50\uff0c\u597d\u7684\u6587\u7ae0\u624d\u662f\u535a\u5ba2\u4e4b\u672c\uff0c\u7acb\u8db3\u4e4b\u6839\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-id-2\">\u4e3b\u9898\u8d44\u6e90<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u94fe\u63a5\uff1a<a href=\"https:\/\/pan.baidu.com\/s\/1yyA-m_h_wku7n3qzK-eYEQ?pwd=echo\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/pan.baidu.com\/s\/1yyA-m_h_wku7n3qzK-eYEQ?pwd=echo<\/a>&nbsp;\u63d0\u53d6\u7801\uff1aecho<\/p>\n\n\n\n<figure class=\"wp-block-image\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/yy.liveout.cn\/article\/project\/argon_theme.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  decoding=\"async\" data-original=\"https:\/\/yy.liveout.cn\/article\/project\/argon_theme.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\"\/><\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-id-3\">\u6211\u7684\u535a\u5ba2\u7f8e\u5316 JSON<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><code>\u6ce8\u610f<\/code>\uff1a\u53ef\u590d\u5236\u4e00\u952e\u5bfc\u5165<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u522b\u5fd8\u8bb0\u5728\u4e3b\u9898\u8bbe\u7f6e\u9875\u9762\u4fee\u6539\u5934\u50cf\u3001\u80cc\u666f\u4ee5\u53ca\u5e95\u90e8\u4fe1\u606f\u7b49\u8bbe\u7f6e\u54e6<\/strong><\/p>\n\n\n\n<pre id=\"o9MMOaHqdp3LJWrEFESSkACwEQnqVDE1\" class=\"wp-block-code\"><code>{\"argon_theme_color\":\"#5e72e4\",\"argon_theme_color_hex_preview\":\"#5e72e4\",\"argon_show_customize_theme_color_picker\":true,\"argon_enable_immersion_color\":\"true\",\"argon_darkmode_autoswitch\":\"time\",\"argon_enable_amoled_dark\":\"false\",\"argon_card_radius\":\"15\",\"argon_card_shadow\":\"default\",\"argon_page_layout\":\"double\",\"argon_article_list_waterflow\":\"2\",\"argon_article_list_layout\":\"1\",\"argon_font\":\"serif\",\"argon_assets_path\":\"sourcegcdn\",\"argon_custom_assets_path\":\"\",\"argon_wp_path\":\"\/\",\"argon_dateformat\":\"YMD\",\"argon_enable_headroom\":\"true\",\"argon_toolbar_title\":\"Echo\",\"argon_toolbar_icon\":\"\",\"argon_toolbar_icon_link\":\" \",\"argon_toolbar_blur\":\"true\",\"argon_banner_title\":\"Echo\u2018s blog\",\"argon_banner_subtitle\":\"Banner \u526f\u6807\u9898\",\"argon_banner_size\":\"fullscreen\",\"argon_page_background_banner_style\":\"transparent\",\"argon_show_toolbar_mask\":true,\"argon_banner_background_url\":\"--bing--\",\"argon_banner_background_color_type\":\"shape-primary\",\"argon_banner_background_hide_shapes\":true,\"argon_enable_banner_title_typing_effect\":\"true\",\"argon_banner_typing_effect_interval\":\"100\",\"argon_page_background_url\":\"https:\/\/yy.liveout.cn\/background\/wallhaven-yxjm57_1920x1080.png\",\"argon_page_background_dark_url\":\"https:\/\/yy.liveout.cn\/background\/wallhaven-6dqjdl_1920x1080.png\",\"argon_page_background_opacity\":\"1\",\"argon_sidebar_banner_title\":\"\u5de6\u4fa7\u680f\u6807\u9898\",\"argon_sidebar_banner_subtitle\":\"\u5de6\u4fa7\u680f\u5b50\u6807\u9898\uff08\u683c\u8a00\uff09\",\"argon_sidebar_auther_name\":\"Echo\",\"argon_sidebar_auther_image\":\"https:\/\/yy.liveout.cn\/photo\/photo1.png\",\"argon_sidebar_author_description\":\"\u5de6\u4fa7\u680f\u4f5c\u8005\u7b80\u4ecb\",\"argon_sidebar_announcement\":\"\",\"argon_fab_show_settings_button\":\"false\",\"argon_fab_show_darkmode_button\":\"true\",\"argon_fab_show_gotocomment_button\":\"false\",\"argon_seo_description\":\"\u7f51\u7ad9\u63cf\u8ff0 (Description Meta \u6807\u7b7e)\",\"argon_seo_keywords\":\"\u641c\u7d22\u5f15\u64ce\u5173\u952e\u8bcd\uff08Keywords Meta \u6807\u7b7e\uff09\",\"argon_article_meta\":\"time|categories|views\",\"argon_show_readingtime\":\"true\",\"argon_reading_speed\":\"580\",\"argon_reading_speed_en\":\"80\",\"argon_reading_speed_code\":\"10\",\"argon_show_thumbnail_in_banner_in_content_page\":\"false\",\"argon_first_image_as_thumbnail_by_default\":\"true\",\"argon_reference_list_title\":\"\u53c2\u8003\",\"argon_show_sharebtn\":\"true\",\"argon_show_headindex_number\":\"false\",\"argon_donate_qrcode_url\":\"https:\/\/www.liveout.cn\/wp-content\/uploads\/2022\/10\/wechat1.jpg\",\"argon_additional_content_after_post\":\"\u6587\u672b\u9644\u52a0\u5185\u5bb9\",\"argon_related_post\":\"category,tag\",\"argon_related_post_sort_orderby\":\"meta_value_num\",\"argon_related_post_sort_order\":\"DESC\",\"argon_related_post_limit\":\"10\",\"argon_article_header_style\":\"article-header-style-2\",\"argon_outdated_info_time_type\":\"createdtime\",\"argon_outdated_info_days\":\"1\",\"argon_outdated_info_tip_type\":\"inpost\",\"argon_outdated_info_tip_content\":\"\u672c\u6587\u6700\u540e\u66f4\u65b0\u4e8e%modify_date_delta% \u5929\u524d\uff0c\u5176\u4e2d\u7684\u4fe1\u606f\u53ef\u80fd\u5df2\u7ecf\u8fc7\u65f6\uff0c\u5982\u6709\u9519\u8bef\u8bf7\u53d1\u9001\u90ae\u4ef6\u5230big_fw@foxmail.com\",\"argon_archives_timeline_show_month\":\"true\",\"argon_archives_timeline_url\":\"https:\/\/www.liveout.cn\/pigeonhole\/\",\"argon_footer_html\":\"&lt;style&gt;\\n\/* \u6838\u5fc3\u6837\u5f0f *\/\\n.github-badge {\\ndisplay: inline-block;\\nborder-radius: 4px;\\ntext-shadow: none;\\nfont-size: 13.1px;\\ncolor: #fff;\\nline-height: 15px;\\nmargin-bottom: 5px;\\nfont-family: \\\"Open Sans\\\", sans-serif;\\n}\\n.github-badge .badge-subject {\\ndisplay: inline-block;\\nbackground-color: #4d4d4d;\\npadding: 4px 4px 4px 6px;\\nborder-top-left-radius: 4px;\\nborder-bottom-left-radius: 4px;\\nfont-family: \\\"Open Sans\\\", sans-serif;\\n}\\n.github-badge .badge-value {\\ndisplay: inline-block;\\npadding: 4px 6px 4px 4px;\\nborder-top-right-radius: 4px;\\nborder-bottom-right-radius: 4px;\\nfont-family: \\\"Open Sans\\\", sans-serif;\\n}\\n.github-badge-big {\\ndisplay: inline-block;\\nborder-radius: 6px;\\ntext-shadow: none;\\nfont-size: 14.1px;\\ncolor: #fff;\\nline-height: 18px;\\nmargin-bottom: 7px;\\n}\\n.github-badge-big .badge-subject {\\ndisplay: inline-block;\\nbackground-color: #4d4d4d;\\npadding: 4px 4px 4px 6px;\\nborder-top-left-radius: 4px;\\nborder-bottom-left-radius: 4px;\\n}\\n.github-badge-big .badge-value {\\ndisplay: inline-block;\\npadding: 4px 6px 4px 4px;\\nborder-top-right-radius: 4px;\\nborder-bottom-right-radius: 4px;\\n}\\n.bg-orange {\\nbackground-color: #ec8a64 !important;\\n}\\n.bg-red {\\nbackground-color: #cb7574 !important;\\n}\\n.bg-apricots {\\nbackground-color: #f7c280 !important;\\n}\\n.bg-casein {\\nbackground-color: #dfe291 !important;\\n}\\n.bg-shallots {\\nbackground-color: #97c3c6 !important;\\n}\\n.bg-ogling {\\nbackground-color: #95c7e0 !important;\\n}\\n.bg-haze {\\nbackground-color: #9aaec7 !important;\\n}\\n.bg-mountain-terrier {\\nbackground-color: #99a5cd !important;\\n}\\n&lt;\/style&gt;\\n \\n&lt;div class=\\\"github-badge-big\\\"&gt;\\n&lt;span class=\\\"badge-subject\\\"&gt;&lt;i class=\\\"fa fa-id-card\\\"&gt;&lt;\/i&gt; \u5907\u6848\u53f7 &lt;\/span\\n&gt;&lt;span class=\\\"badge-value bg-orange\\\"&gt;\\n&lt;a href=\\\"https:\/\/beian.miit.gov.cn\/\\\" target=\\\"_blank\\\" one-link-mark=\\\"yes\\\"\\n&gt;\u82cfICP\u59070000000000\u53f7&lt;\/a\\n&gt;\\n|\\n&lt;a\\nhref=\\\"http:\/\/www.beian.gov.cn\/portal\/registerSystemInfo?recordcode= 32072202010255\\\"\\ntarget=\\\"_blank\\\"\\none-link-mark=\\\"yes\\\"\\n&gt;\u82cf\u516c\u7f51\u5b89\u5907 00000000000000\u53f7&lt;\/a\\n&gt;&lt;\/span\\n&gt;\\n&lt;\/div&gt;\\n\\n \\n&lt;div class=\\\"github-badge\\\"&gt;\\n&lt;span class=\\\"badge-subject\\\"&gt;&lt;img src=\\\"https:\/\/www.liveout.cn\/wp-content\/uploads\/2022\/10\/\u53c8\u62cd\u4e91_logo4.png\\\" height=\\\"20\\\" width=\\\"20\\\"\/&gt;&lt;\/i&gt; CDN&lt;\/span\\n&gt;&lt;span class=\\\"badge-value bg-shallots\\\"\\n&gt;&lt;a href=\\\"\\\" target=\\\"_blank\\\" one-link-mark=\\\"yes\\\"&gt;&lt;\/a\\n&gt;&lt;a\\nhref=\\\"https:\/\/www.upyun.com\/?utm_source=lianmeng&amp;utm_medium=referral\\\"\\ntarget=\\\"_blank\\\"\\none-link-mark=\\\"yes\\\"\\n&gt;Upyun&lt;\/a\\n&gt;&lt;\/span\\n&gt;\\n&lt;span class=\\\"badge-subject\\\"&gt;&lt;i class=\\\"fa fa-wordpress\\\"&gt;&lt;\/i&gt; Powered&lt;\/span\\n&gt;&lt;span class=\\\"badge-value bg-green\\\"\\n&gt;&lt;a href=\\\"https:\/\/cn.wordpress.org\/\\\" target=\\\"_blank\\\" one-link-mark=\\\"yes\\\"\\n&gt;WordPress&lt;\/a\\n&gt;&lt;\/span\\n&gt;\\n&lt;\/div&gt;\\n&lt;div class=\\\"github-badge-big\\\"&gt;\\n&lt;span class=\\\"badge-subject\\\"&gt;Copyright &lt;\/span\\n&gt;&lt;span class=\\\"badge-value bg-red\\\"&gt;\\n2022-2022\\n&lt;i class=\\\"fa fa-copyright\\\"&gt;&lt;\/i&gt; Echo&lt;\/span\\n&gt;\\n&lt;\/script&gt;\\n&lt;\/div&gt;\\n&lt;div class=\\\"github-badge-big\\\"&gt;\\n&lt;span class=\\\"badge-subject\\\"&gt;&lt;i class=\\\"fa fa-clock-o\\\"&gt;&lt;\/i&gt; Running Time&lt;\/span\\n&gt;&lt;span class=\\\"badge-value bg-apricots\\\"\\n&gt;&lt;span id=\\\"blog_running_days\\\" class=\\\"odometer odometer-auto-theme\\\"&gt;&lt;\/span&gt;\\ndays\\n&lt;span id=\\\"blog_running_hours\\\" class=\\\"odometer odometer-auto-theme\\\"&gt;&lt;\/span&gt; H\\n&lt;span id=\\\"blog_running_mins\\\" class=\\\"odometer odometer-auto-theme\\\"&gt;&lt;\/span&gt; M\\n&lt;span id=\\\"blog_running_secs\\\" class=\\\"odometer odometer-auto-theme\\\"&gt;&lt;\/span&gt;\\nS&lt;\/span\\n&gt;\\n &lt;script no-pjax=\\\"\\\"&gt;\\nvar blog_running_days = document.getElementById(\\\"blog_running_days\\\");\\nvar blog_running_hours = document.getElementById(\\\"blog_running_hours\\\");\\nvar blog_running_mins = document.getElementById(\\\"blog_running_mins\\\");\\nvar blog_running_secs = document.getElementById(\\\"blog_running_secs\\\");\\nfunction refresh_blog_running_time() {\\nvar time = new Date() - new Date(2020, 0,0, 0, 0, 0);\\nvar d = parseInt(time \/ 24 \/ 60 \/ 60 \/ 1000);\\nvar h = parseInt((time % (24 * 60 * 60 * 1000)) \/ 60 \/ 60 \/ 1000);\\nvar m = parseInt((time % (60 * 60 * 1000)) \/ 60 \/ 1000);\\nvar s = parseInt((time % (60 * 1000)) \/ 1000);\\nblog_running_days.innerHTML = d;\\nblog_running_hours.innerHTML = h;\\nblog_running_mins.innerHTML = m;\\nblog_running_secs.innerHTML = s;\\n}\\nrefresh_blog_running_time();\\nif (typeof bottomTimeIntervalHasSet == \\\"undefined\\\") {\\nvar bottomTimeIntervalHasSet = true;\\nsetInterval(function () {\\nrefresh_blog_running_time();\\n}, 500);\\n}\\n&lt;\/script&gt;\\n\",\"argon_enable_code_highlight\":\"true\",\"argon_code_theme\":\"vs2015\",\"argon_code_highlight_hide_linenumber\":\"true\",\"argon_code_highlight_break_line\":\"false\",\"argon_code_highlight_transparent_linenumber\":\"false\",\"argon_math_render\":\"none\",\"argon_mathjax_cdn_url\":\"\/\/cdn.jsdelivr.net\/npm\/mathjax@3\/es5\/tex-chtml-full.js\",\"argon_mathjax_v2_cdn_url\":\"\/\/cdn.jsdelivr.net\/npm\/mathjax@2.7.5\/MathJax.js?config=TeX-AMS_HTML\",\"argon_katex_cdn_url\":\"\/\/cdn.jsdelivr.net\/npm\/katex@0.11.1\/dist\/\",\"argon_enable_lazyload\":\"true\",\"argon_lazyload_threshold\":\"800\",\"argon_lazyload_effect\":\"fadeIn\",\"argon_lazyload_loading_style\":\"1\",\"argon_enable_fancybox\":\"true\",\"argon_enable_zoomify\":\"false\",\"argon_zoomify_duration\":\"200\",\"argon_zoomify_easing\":\"cubic-bezier(0.4,0,0,1)\",\"argon_zoomify_scale\":\"0.9\",\"argon_enable_pangu\":\"article\",\"argon_custom_html_head\":\"\",\"argon_custom_html_foot\":\"&lt;link rel=\\\"stylesheet\\\" href=\\\"https:\/\/cdn.jsdelivr.net\/npm\/aplayer\/dist\/APlayer.min.css\\\"&gt;\\n&lt;script src=\\\"https:\/\/cdn.jsdelivr.net\/npm\/aplayer\/dist\/APlayer.min.js\\\"&gt;&lt;\/script&gt;\\n&lt;script src=\\\"https:\/\/cdn.jsdelivr.net\/npm\/meting@2.0.1\/dist\/Meting.min.js\\\"&gt;&lt;\/script&gt;\\n \\n&lt;meting-js \\n    server=\\\"netease\\\" \\n    type=\\\"playlist\\\" \\n    id=\\\"7373135320\\\"\\n    fixed=\\\"true\\\" \\n    mini=\\\"true\\\"\\n    order=\\\"list\\\"\\n    loop=\\\"all\\\"\\n    preload=\\\"auto\\\"\\n    list-folded=\\\"true\\\"\\n    lrc-type=\\\"0\\\"\\n&gt;\\n&lt;\/meting-js&gt;\\n\\n\\n\",\"argon_enable_smoothscroll_type\":\"1_pulse\",\"argon_enable_into_article_animation\":\"true\",\"argon_disable_pjax_animation\":\"false\",\"argon_comment_pagination_type\":\"page\",\"argon_comment_emotion_keyboard\":\"true\",\"argon_hide_name_email_site_input\":\"false\",\"argon_comment_need_captcha\":\"false\",\"argon_get_captcha_by_ajax\":\"false\",\"argon_comment_allow_markdown\":\"true\",\"argon_comment_allow_editing\":\"true\",\"argon_comment_allow_privatemode\":\"true\",\"argon_comment_allow_mailnotice\":\"true\",\"argon_comment_mailnotice_checkbox_checked\":true,\"argon_comment_enable_qq_avatar\":\"true\",\"argon_comment_avatar_vcenter\":\"false\",\"argon_who_can_visit_comment_edit_history\":\"commentsender\",\"argon_enable_comment_pinning\":\"true\",\"argon_enable_comment_upvote\":\"true\",\"argon_comment_ua\":\"platform,browser\",\"argon_show_comment_parent_info\":\"true\",\"argon_fold_long_comments\":\"true\",\"argon_gravatar_cdn\":\"gravatar.pho.ink\/avatar\/\",\"argon_text_gravatar\":\"true\",\"argon_enable_search_filters\":\"true\",\"argon_search_filters_type\":\"*post,*page,shuoshuo\",\"argon_pjax_disabled\":\"false\",\"argon_hide_categories\":\"\",\"argon_enable_login_css\":\"true\",\"argon_home_show_shuoshuo\":\"false\",\"argon_fold_long_shuoshuo\":\"true\",\"argon_enable_timezone_fix\":\"false\",\"argon_hide_shortcode_in_preview\":\"true\",\"argon_trim_words_count\":\"0\",\"argon_enable_mobile_scale\":\"false\",\"argon_disable_googlefont\":\"false\",\"argon_disable_codeblock_style\":\"false\",\"argon_update_source\":\"github\",\"argon_hide_footer_author\":\"true\"}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-id-4\">\u5e74\u5ea6\u5012\u8ba1\u65f6\u663e\u793a (\u5de6\u4fa7\u680f)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5728\u5de6\u4fa7\u680f\u91cc\u6dfb\u52a0\u5de5\u5177 \u2014\u2014 \u7b80\u7801\uff0c\u590d\u5236\u4e00\u4e0b\u4ee3\u7801\u7c98\u8d34\u8fdb\u53bb<\/strong><\/p>\n\n\n\n<pre id=\"dmCjm8Xq3fdB9ndUxeszJX09qd1PGwWj\" class=\"wp-block-code\"><code>&lt;div class=\"progress-wrapper\" style=\"padding: 0\">\r\n&lt;div class=\"progress-info\">\r\n&lt;div class=\"progress-label\">\r\n&lt;span id=\"yearprogress_yearname\">&lt;\/span>\r\n&lt;\/div>\r\n&lt;div id=\"yearprogress_text_container\" class=\"progress-percentage\">\r\n&lt;span id=\"yearprogress_progresstext\">&lt;\/span>\r\n&lt;span id=\"yearprogress_progresstext_full\">&lt;\/span>\r\n&lt;\/div>\r\n&lt;\/div>\r\n&lt;div class=\"progress\">\r\n&lt;div id=\"yearprogress_progressbar\" class=\"progress-bar bg-primary\">&lt;\/div>\r\n&lt;\/div>\r\n&lt;\/div>\r\n&lt;script no-pjax=\"\">\r\nfunction yearprogress_refresh() {\r\nlet year = new Date().getFullYear();\r\n$(\"#yearprogress_yearname\").text(year);\r\nlet from = new Date(year, 0, 1, 0, 0, 0);\r\nlet to = new Date(year, 11, 31, 23, 59, 59);\r\nlet now = new Date();\r\nlet progress = (((now - from) \/ (to - from + 1)) * 100).toFixed(7);\r\nlet progressshort = (((now - from) \/ (to - from + 1)) * 100).toFixed(2);\r\n$(\"#yearprogress_progresstext\").text(progressshort + \"%\");\r\n$(\"#yearprogress_progresstext_full\").text(progress + \"%\");\r\n$(\"#yearprogress_progressbar\").css(\"width\", progress + \"%\");\r\n}\r\nyearprogress_refresh();\r\nif (typeof yearProgressIntervalHasSet == \"undefined\") {\r\nvar yearProgressIntervalHasSet = true;\r\nsetInterval(function () {\r\nyearprogress_refresh();\r\n}, 500);\r\n}\r\n&lt;\/script>\r\n&lt;style>\r\n#yearprogress_text_container {\r\nwidth: 100%;\r\nheight: 22px;\r\noverflow: hidden;\r\nuser-select: none;\r\n}\r\n#yearprogress_text_container > span {\r\ntransition: all 0.3s ease;\r\ndisplay: block;\r\n}\r\n#yearprogress_text_container:hover > span {\r\ntransform: translateY(-20px);\r\n}\r\n&lt;\/style><\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-id-5\">\u97f3\u4e50\u64ad\u653e\u529f\u80fd<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u4e0b\u9762\u7684\u8c03\u7528\u94fe\u63a5\u53ef\u80fd\u4f1a\u7a81\u7136\u5931\u6548\uff0c\u5982\u6709\u9700\u8981\u53ef\u53c2\u8003\u5b98\u65b9\u6587\u6863<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/ace520.github.io\/blog\/post\/2020\/05\/26\/aplayer\/\">APlayer HTML5 \u97f3\u4e50\u64ad\u653e\u5668 | ACE-BLOG (ace520.github.io)<\/a><\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><code>server=\"netease\"<\/code>&nbsp;\u6307\u5b9a\u97f3\u4e50\u5e73\u53f0\u4e3a\u7f51\u6613\u4e91\uff0c<code>type=\"song\"<\/code>&nbsp;\u6307\u5355\u66f2\u7c7b\u578b\uff0c<code>id=\"7373135320\"<\/code>&nbsp;\u4e3a\u97f3\u4e50\u7684 id\uff08\u8fd9\u91cc\u7684 id \u4e3a\u6253\u5f00\u97f3\u4e50\u6b4c\u5355\uff0c\u7f51\u5740\u663e\u793a\u7684 id\uff09<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5f00\u542f\u5438\u5e95\u6a21\u5f0f&nbsp;<code>fixed=\"true\"<\/code>, \u5f00\u542f\u8ff7\u4f60\u6a21\u5f0f<\/strong>&nbsp;<code>mini=\"true\"<\/code>, \u968f\u673a\u64ad\u653e&nbsp;<code>order=\"random\"<\/code>, \u5173\u95ed\u5e95\u90e8\u6b4c\u8bcd&nbsp;<code>lrc-type=\"0\"<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><code>\u6ce8\u610f<\/code><\/strong>\uff1aid \u9700\u8981\u4e3a\u81ea\u5df1\u521b\u5efa\u7684\u6b4c\u5355\uff0c\u4e0d\u80fd\u4e3a\u6211\u559c\u6b22\u7684\u97f3\u4e50\uff1bserver \u53ef\u4ee5\u6539\u81ea\u5df1\u7528\u7684\u97f3\u4e50\u5e73\u53f0\uff0c\u5982 netease (\u7f51\u6613\u4e91)\u3001tencent (QQ \u97f3\u4e50)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5177\u4f53\u53c2\u6570\u8bbe\u7f6e\u70b9\u51fb\u6b64\u94fe\u63a5\uff1a<a href=\"https:\/\/yy.liveout.cn\/article\/Learn\/front-end\/aplayer%E5%8F%82%E6%95%B0.png\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/yy.liveout.cn\/article\/Learn\/front-end\/aplayer%E5%8F%82%E6%95%B0.png<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aplayer \u64ad\u653e\u5668\u5b98\u7f51\u6587\u6863\uff1a<a href=\"https:\/\/ace520.github.io\/blog\/post\/2020\/05\/26\/aplayer\/\">APlayer HTML5 \u97f3\u4e50\u64ad\u653e\u5668 | ACE-BLOG (ace520.github.io)<\/a><\/p>\n\n\n\n<pre id=\"jK0lceSipKGBcsnYkRjOAnLP9qBVGEJ9\" class=\"wp-block-code\"><code>&lt;link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/aplayer\/dist\/APlayer.min.css\">\r\n&lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/aplayer\/dist\/APlayer.min.js\">&lt;\/script>\r\n&lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/meting@2.0.1\/dist\/Meting.min.js\">&lt;\/script>\r\n \r\n&lt;meting-js \r\n    server=\"netease\" \r\n    type=\"playlist\" \r\n    id=\"7360465359\"\r\n    fixed=\"true\" \r\n    mini=\"true\"\r\n    order=\"random\"\r\n    loop=\"all\"\r\n    preload=\"auto\"\r\n    list-folded=\"false\">\r\n&lt;\/meting-js><\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-id-6\">\u52a8\u6001\u80cc\u666f<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u80cc\u666f\u53ef\u4ee5\u901a\u8fc7\u66f4\u6539 url \u94fe\u63a5\u8bbe\u7f6e\u4e3a\u81ea\u5df1\u7684\u52a8\u6001\u89c6\u9891<\/strong>\uff0c<em>\u5c3d\u91cf\u4e0d\u8981\u592a\u5927\uff0c\u5426\u5219\u522b\u4eba\u8bbf\u95ee\u65f6\u4f1a\u5237\u65b0\u8bb8\u4e45<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\u6ce8\u610f<\/code><strong>\u89c6\u9891\u94fe\u63a5\u5df2\u8fc7\u671f\uff0c\u53ef\u66f4\u6362\u4e3a\u81ea\u5df1\u7684\u94fe\u63a5<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u4e0a\u4f20\u89c6\u9891\u5230\u4e91\u5e73\u53f0\u6216\u5a92\u4f53\u5e93\uff0c\u590d\u5236\u8d44\u6e90\u94fe\u63a5<\/p>\n<\/blockquote>\n\n\n\n<pre id=\"Fq9mp0vxJtNn6APwFc8iHG3DOyUuP14J\" class=\"wp-block-code\"><code>&lt;video\r\nsrc=\"https:\/\/new.gcxstudio.cn\/wp-content\/uploads\/2022\/03\/daymode.mp4\" \/*\u767d\u5929\u52a8\u6001\u89c6\u9891\u94fe\u63a5*\/\r\nclass=\"bg-video bg-video-day\"\r\nautoplay=\"\"\r\nloop=\"loop\"\r\nmuted=\"\"\r\n>&lt;\/video>\r\n&lt;video\r\nsrc=\"https:\/\/new.gcxstudio.cn\/wp-content\/uploads\/2022\/03\/darkmode.webm\" \/*\u591c\u95f4\u52a8\u6001\u89c6\u9891\u94fe\u63a5*\/\r\nclass=\"bg-video bg-video-night\"\r\nautoplay=\"\"\r\nloop=\"loop\"\r\nmuted=\"\"\r\n>&lt;\/video>\r\n&lt;style>\r\nvideo.bg-video {\r\nposition: fixed;\r\nz-index: -1;\r\nleft: 0;\r\nright: 0;\r\ntop: 0;\r\nbottom: 0;\r\nwidth: 100vw;\r\nheight: 100vh;\r\nobject-fit: cover;\r\npointer-events: none;\r\n}\r\nhtml.darkmode video.bg-video.bg-video-day {\r\nopacity: 0;\r\n}\r\nhtml.darkmode video.bg-video.bg-video-night {\r\nopacity: 1;\r\n}\r\nvideo.bg-video.bg-video-day {\r\nopacity: 1;\r\n}\r\nvideo.bg-video.bg-video-night {\r\nopacity: 0;\r\n}\r\n#banner,\r\n#banner .shape {\r\nbackground: transparent !important;\r\n}\r\n* {\r\nfont-family: \"Comfortaa\", \"Open Sans\", -apple-system, system-ui,\r\nBlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Helvetica, Arial,\r\n\"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", SimSun, sans-serif;\r\n}\r\n&lt;\/style>\r\n&lt;script\r\nsrc=\"https:\/\/api.gcxstudio.cn\/odometer\/odometer.min.js\"\r\nintegrity=\"sha256-65R1G5irU1VT+k8L4coqgd3saSvO\/Wufson\/w+v2Idw=\"\r\ncrossorigin=\"anonymous\"\r\n>&lt;\/script>\r\n \r\n \r\n&lt;link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/aplayer\/dist\/APlayer.min.css\">\r\n&lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/aplayer\/dist\/APlayer.min.js\">&lt;\/script>\r\n \r\n&lt;div id='aplayer'>&lt;\/div>\r\n \r\n \r\n<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-id-7\">\u865a\u62df\u4eba\u7269 (\u770b\u677f\u5a18)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u4ee5\u4e0b\u4ee3\u7801\u9009\u62e9\u4e00\u9879\u590d\u5236\u5373\u53ef\uff0c\u6548\u679c\u4e0d\u540c\uff0c\u81ea\u884c\u9009\u62e9<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5177\u4f53\u6587\u7ae0\uff1a<a href=\"https:\/\/github.com\/stevenjoezhang\/live2d-widget\">stevenjoezhang\/live2d-widget: \u628a\u840c\u840c\u54d2\u7684\u770b\u677f\u5a18\u62b1\u56de\u5bb6 (\u30ce\u2267\u2207\u2266) \u30ce | Live2D widget for web platform (github.com)<\/a><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><\/li>\n<\/ol>\n\n\n\n<pre id=\"F3akXqmovLG6I3naqDeSiZa9R1JkHEvJ\" class=\"wp-block-code\"><code>&lt;script src=\"https:\/\/fastly.jsdelivr.net\/gh\/stevenjoezhang\/live2d-widget@latest\/autoload.js\"&gt;&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li><strong>\u5176\u4e2d jsonpath: \u540e\u9762\u7684\u94fe\u63a5\u53ef\u6309\u81ea\u5df1\u7231\u597d\u66f4\u6539\uff0c\u9009\u62e9\u522b\u7684\u865a\u62df\u4eba\u7269<\/strong><\/li>\n<\/ol>\n\n\n\n<pre id=\"NCRXvvUAHqX21rS2hsbvSVvkolEoDDzP\" class=\"wp-block-code\"><code>&lt;script src=\"https:\/\/eqcn.ajz.miesnfu.com\/wp-content\/plugins\/wp-3d-pony\/live2dw\/lib\/L2Dwidget.min.js\">&lt;\/script>\r\n&lt;script>\r\n    L2Dwidget.init({\r\n        \"model\": {\r\n\u3000\u3000\u3000\u3000\u3000\u3000\u3000\/\/jsonpath\u63a7\u5236\u663e\u793a\u90a3\u4e2a\u5c0f\u841d\u8389\u6a21\u578b\uff0c\r\n            \/\/(\u5207\u6362\u6a21\u578b\u9700\u8981\u6539\u52a8)\r\n\/\/              \"https:\/\/unpkg.com\/(live2d-widget-model-koharu)@1.0.5\/assets\/(koharu).model.json\"\r\n            jsonPath: \"https:\/\/unpkg.com\/live2d-widget-model-koharu@1.0.5\/assets\/koharu.model.json\",\r\n            \"scale\": 1\r\n        },\r\n        \"display\": {\r\n            \"position\": \"right\", \/\/\u770b\u677f\u5a18\u7684\u8868\u73b0\u4f4d\u7f6e\r\n            \"width\": 75,  \/\/\u5c0f\u841d\u8389\u7684\u5bbd\u5ea6\r\n            \"height\": 150, \/\/\u5c0f\u841d\u8389\u7684\u9ad8\u5ea6\r\n            \"hOffset\": 0,\r\n            \"vOffset\": -20\r\n        },\r\n        \"mobile\": {\r\n            \"show\": true,\r\n            \"scale\": 0.5\r\n        },\r\n        \"react\": {\r\n            \"opacityDefault\": 0.7,\r\n            \"opacityOnHover\": 0.2\r\n        }\r\n    });\r\n&lt;\/script>\r\n \r\n   \/*   \u5c0f\u5e05\u54e5\uff1a https:\/\/unpkg.com\/live2d-widget-model-chitose@1.0.5\/assets\/chitose.model.json\r\n      \u840c\u5a18\uff1ahttps:\/\/unpkg.com\/live2d-widget-model-shizuku@1.0.5\/assets\/shizuku.model.json\r\n      \u767d\u732b\uff1ahttps:\/\/unpkg.com\/live2d-widget-model-tororo@1.0.5\/assets\/tororo.model.json\r\n      \u9ed1\u732b\uff1a https:\/\/unpkg.com\/live2d-widget-model-hijiki@1.0.5\/assets\/hijiki.model.json\r\n      \u5c0f\u53ef\u7231\uff08\u5973\uff09\uff1ahttps:\/\/unpkg.com\/live2d-widget-model-koharu@1.0.5\/assets\/koharu.model.json\r\n      \u5c0f\u53ef\u7231\uff08\u7537\uff09\uff1ahttps:\/\/unpkg.com\/live2d-widget-model-haruto@1.0.5\/assets\/haruto.model.json\r\n      \u521d\u97f3\uff1ahttps:\/\/unpkg.com\/live2d-widget-model-miku@1.0.5\/assets\/miku.model.json\r\n      \u5723\u804c\u8005\u59b9\u59b9\uff1ahttps:\/\/unpkg.com\/live2d-widget-model-z16@1.0.5\/assets\/z16.model.json\r\n      \u8336\u676f\u72ac\uff1ahttps:\/\/cdn.jsdelivr.net\/npm\/live2d-widget-model-wanko@1.0.5\/assets\/wanko.model.json\r\n      \u7eff\u6bdb\u59b9\u59b9\uff1ahttps:\/\/unpkg.com\/live2d-widget-model-tsumiki@1.0.5\/assets\/tsumiki.model.json\r\n      \u91d1\u9f9f\u5b50\u59b9\u59b9\uff1ahttps:\/\/unpkg.com\/live2d-widget-model-unitychan@1.0.5\/assets\/unitychan.model.json\r\n      https:&#47;&#47;unpkg.com\/live2d-widget-model-nito@1.0.5\/assets\/nito.model.json\r\n      https:\/\/unpkg.com\/live2d-widget-model-ni-j@1.0.5\/assets\/ni-j.model.json\r\n      \u5c0f\u963f\u72f8\uff1a https:\/\/unpkg.com\/live2d-widget-model-nico@1.0.5\/assets\/nico.model.json\r\n      https:\/\/unpkg.com\/live2d-widget-model-nietzche@1.0.5\/assets\/nietzche.model.json\r\n      https:\/\/unpkg.com\/live2d-widget-model-nipsilon@1.0.5\/assets\/nipsilon.model.json\r\n      \u5973\u5b66\u751f\uff1a https:\/\/unpkg.com\/live2d-widget-model-hibiki@1.0.5\/assets\/hibiki.model.json *\/<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-id-8\">\u7f51\u7ad9\u8bbf\u95ee\u6570\u636e (\u5de6\u4fa7\u680f)<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u8fdb\u5165 WordPress\uff0c\u70b9\u51fb\u63d2\u4ef6\uff0c\u641c\u7d22\u5e76\u4e14\u4e0b\u8f7d Wp Statistics<\/strong><\/li>\n\n\n\n<li><strong>\u5916\u89c2 \u2014\u2014 \u5c0f\u5de5\u5177 \u2014\u2014 \u7ad9\u70b9\u989d\u5916\u5185\u5bb9 \u2014\u2014 \u65e7\u7248\u5c0f\u5de5\u5177 \u2014\u2014 \u7edf\u8ba1<\/strong><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/yy.liveout.cn\/article\/Learn\/front-end\/%E7%BD%91%E7%AB%99%E7%BB%9F%E8%AE%A1.jpg'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  decoding=\"async\" data-original=\"https:\/\/yy.liveout.cn\/article\/Learn\/front-end\/%E7%BD%91%E7%AB%99%E7%BB%9F%E8%AE%A1.jpg\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\u7f51\u7ad9\u7edf\u8ba1\"\/><\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-id-9\">\u7f51\u7ad9\u5e95\u90e8\u4fe1\u606f<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"header-id-10\">CSS (\u6837\u5f0f\u8868)<\/h3>\n\n\n\n<pre id=\"mOhnyR7PyDL3U9Pvtr6JLEcfLMZltSSB\" class=\"wp-block-code\"><code>&lt;style>\r\n\/* \u6838\u5fc3\u6837\u5f0f *\/\r\n.github-badge {\r\ndisplay: inline-block;\r\nborder-radius: 4px;\r\ntext-shadow: none;\r\nfont-size: 13.1px;\r\ncolor: #fff;\r\nline-height: 15px;\r\nmargin-bottom: 5px;\r\nfont-family: \"Open Sans\", sans-serif;\r\n}\r\n.github-badge .badge-subject {\r\ndisplay: inline-block;\r\nbackground-color: #4d4d4d;\r\npadding: 4px 4px 4px 6px;\r\nborder-top-left-radius: 4px;\r\nborder-bottom-left-radius: 4px;\r\nfont-family: \"Open Sans\", sans-serif;\r\n}\r\n.github-badge .badge-value {\r\ndisplay: inline-block;\r\npadding: 4px 6px 4px 4px;\r\nborder-top-right-radius: 4px;\r\nborder-bottom-right-radius: 4px;\r\nfont-family: \"Open Sans\", sans-serif;\r\n}\r\n.github-badge-big {\r\ndisplay: inline-block;\r\nborder-radius: 6px;\r\ntext-shadow: none;\r\nfont-size: 14.1px;\r\ncolor: #fff;\r\nline-height: 18px;\r\nmargin-bottom: 7px;\r\n}\r\n.github-badge-big .badge-subject {\r\ndisplay: inline-block;\r\nbackground-color: #4d4d4d;\r\npadding: 4px 4px 4px 6px;\r\nborder-top-left-radius: 4px;\r\nborder-bottom-left-radius: 4px;\r\n}\r\n.github-badge-big .badge-value {\r\ndisplay: inline-block;\r\npadding: 4px 6px 4px 4px;\r\nborder-top-right-radius: 4px;\r\nborder-bottom-right-radius: 4px;\r\n}\r\n.bg-orange {\r\nbackground-color: #ec8a64 !important;\r\n}\r\n.bg-red {\r\nbackground-color: #cb7574 !important;\r\n}\r\n.bg-apricots {\r\nbackground-color: #f7c280 !important;\r\n}\r\n.bg-casein {\r\nbackground-color: #dfe291 !important;\r\n}\r\n.bg-shallots {\r\nbackground-color: #97c3c6 !important;\r\n}\r\n.bg-ogling {\r\nbackground-color: #95c7e0 !important;\r\n}\r\n.bg-haze {\r\nbackground-color: #9aaec7 !important;\r\n}\r\n.bg-mountain-terrier {\r\nbackground-color: #99a5cd !important;\r\n}\r\n&lt;\/style>\r<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"header-id-11\">HTML (\u5e95\u90e8\u4fe1\u606f)<\/h3>\n\n\n\n<pre id=\"ckQsdBXiA4uXhlein5NYo5F6xacVaoaS\" class=\"wp-block-code\"><code>   &lt;div class=\"github-badge-big\">\r\n        &lt;span class=\"badge-subject\">&lt;i class=\"fa fa-id-card\">&lt;\/i> \u5907\u6848\u53f7 &lt;\/span>\r\n        &lt;span class=\"badge-value bg-orange\">\r\n            &lt;!-- \u5907\u6848\u94fe\u63a5 -->\r\n            &lt;a href=\"https:\/\/beian.miit.gov.cn\/\" target=\"_blank\" one-link-mark=\"yes\">\u82cfICP\u59071234567890\u53f7&lt;\/a>|\r\n            &lt;a href=\"https:\/\/www.beian.gov.cn\/portal\/index?token=e547b70c-fbe1-4c80-a4a2-857b17389a71\" target=\"_blank\"\r\n                one-link-mark=\"yes\">\r\n                \u82cf\u516c\u7f51\u5b89\u5907 32072212344321\u53f7&lt;\/a>\r\n        &lt;\/span>\r\n    &lt;\/div>\r\n \r\n \r\n    &lt;div class=\"github-badge-big\">\r\n        &lt;!-- \u53c8\u62cd\u4e91\u56fe\u6807 -->\r\n        &lt;span class=\"badge-subject\">&lt;img src=\"https:\/\/www.liveout.cn\/wp-content\/uploads\/2022\/10\/\u53c8\u62cd\u4e91_logo4.png\"\r\n                height=\"20\" width=\"20\" \/>&lt;\/i> CDN&lt;\/span>\r\n        &lt;span class=\"badge-value bg-shallots\">\r\n            &lt;a href=\"\" target=\"_blank\" one-link-mark=\"yes\">&lt;\/a>\r\n            &lt;!-- \u53c8\u62cd\u4e91\u94fe\u63a5 -->\r\n            &lt;a href=\"https:\/\/www.upyun.com\/?utm_source=lianmeng&amp;utm_medium=referral\" target=\"_blank\"\r\n                one-link-mark=\"yes\">Upyun&lt;\/a>\r\n        &lt;\/span>\r\n \r\n        &lt;span class=\"badge-subject\">&lt;i class=\"fa fa-wordpress\">&lt;\/i> Powered&lt;\/span>\r\n        &lt;span class=\"badge-value bg-green\">\r\n            &lt;!-- wordpress\u94fe\u63a5 -->\r\n            &lt;a href=\"https:\/\/cn.wordpress.org\/\" target=\"_blank\" one-link-mark=\"yes\">\r\n                WordPress&lt;\/a>&lt;\/span>\r\n    &lt;\/div>\r\n \r\n    &lt;div class=\"github-badge-big\">\r\n        &lt;span class=\"badge-subject\">&lt;i class=\"fa fa-copyright\" aria-hidden=\"true\">&lt;\/i>Copyright &lt;\/span>\r\n        &lt;span class=\"badge-value bg-red\">2022-2023&lt;\/i>\r\n            &lt;a href=\"https:\/\/www.liveout.cn\/\" target=\"_blank\" one-link-mark=\"yes\">@ Echo\r\n        &lt;\/span>\r\n        &lt;\/script>\r\n    &lt;\/div>\r\n \r\n\t&lt;!-- \u8fd0\u884c\u65f6\u95f4 -->\r\n    &lt;div class=\"github-badge-big\">\r\n        &lt;span class=\"badge-subject\">&lt;i class=\"fa fa-clock-o\">&lt;\/i> Running Time&lt;\/span>&lt;span\r\n            class=\"badge-value bg-apricots\">&lt;span id=\"blog_running_days\" class=\"odometer odometer-auto-theme\">&lt;\/span>\r\n            days\r\n            &lt;span id=\"blog_running_hours\" class=\"odometer odometer-auto-theme\">&lt;\/span> H\r\n            &lt;span id=\"blog_running_mins\" class=\"odometer odometer-auto-theme\">&lt;\/span> M\r\n            &lt;span id=\"blog_running_secs\" class=\"odometer odometer-auto-theme\">&lt;\/span>S\r\n        &lt;\/span>\r\n <\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"header-id-12\">JavaScript\uff08\u7f51\u7ad9\u8fd0\u884c\u65f6\u95f4\u811a\u672c\uff09<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><code>\u6ce8\u610f<\/code>\uff1anew Date (year, month, date, hrs, min, sec) \u6309\u7ed9\u5b9a\u7684\u53c2\u6570\u521b\u5efa \u65e5\u671f\u5bf9\u8c61<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5176\u4e2d month \u7684\u503c\u57df\u4e3a 0\uff5e11\uff0c0 \u4ee3\u8868 1 \u6708\uff0c11 \u8868\u4ee3\u8868 12 \u6708\uff1b\u6240\u4ee5\u4f60\u8f93\u5165\u7684\u6708\u4efd\u9700\u8981\u4e3a\u81ea\u5df1\u771f\u6b63\u6708\u4efd\u7684\u524d\u4e00\u4e2a\u6708<\/strong><\/p>\n\n\n\n<pre id=\"5JsOgfQ7byRtXVOihR9NhUuIWiMW3BNc\" class=\"wp-block-code\"><code>&lt;script no-pjax=\"\">\r\nvar blog_running_days = document.getElementById(\"blog_running_days\");\r\nvar blog_running_hours = document.getElementById(\"blog_running_hours\");\r\nvar blog_running_mins = document.getElementById(\"blog_running_mins\");\r\nvar blog_running_secs = document.getElementById(\"blog_running_secs\");\r\nfunction refresh_blog_running_time() {\r\nvar time = new Date() - new Date(2022, 5, 31, 0, 0, 0); \/*\u6b64\u5904\u65e5\u671f\u7684\u6708\u4efd\u6539\u4e3a\u81ea\u5df1\u771f\u6b63\u6708\u4efd\u7684\u524d\u4e00\u4e2a\u6708*\/\r\nvar d = parseInt(time \/ 24 \/ 60 \/ 60 \/ 1000);\r\nvar h = parseInt((time % (24 * 60 * 60 * 1000)) \/ 60 \/ 60 \/ 1000);\r\nvar m = parseInt((time % (60 * 60 * 1000)) \/ 60 \/ 1000);\r\nvar s = parseInt((time % (60 * 1000)) \/ 1000);\r\nblog_running_days.innerHTML = d;\r\nblog_running_hours.innerHTML = h;\r\nblog_running_mins.innerHTML = m;\r\nblog_running_secs.innerHTML = s;\r\n}\r\nrefresh_blog_running_time();\r\nif (typeof bottomTimeIntervalHasSet == \"undefined\") {\r\nvar bottomTimeIntervalHasSet = true;\r\nsetInterval(function () {\r\nrefresh_blog_running_time();\r\n}, 500);\r\n}\r\n&lt;\/script><\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-id-13\">\u5b57\u4f53\u3001\u535a\u5ba2\u900f\u660e\u7b49\u7279\u6548<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/blognas.hwb0307.com\/linux\/docker\/744#comment-918\">Docker \u7cfb\u5217 WordPress \u7cfb\u5217 \u7279\u6548 \u2013 Bensz (hwb0307.com)<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\u9f20\u6807\u3001\u8f93\u5165\u7279\u6548<\/code>\uff1a<strong>\u8fd9\u4e9b\u7279\u6548\u53ef\u4ee5\u8bbf\u95ee\u4ee5\u4e0a\u53cb\u60c5\u94fe\u63a5<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u4ee5\u4e0b\u4e3a\u6211\u7684\u989d\u5916 CSS\uff0c\u6d89\u53ca\u5b57\u4f53\u3001\u900f\u660e\u7b49\u535a\u5ba2\u6837\u5f0f<\/p>\n<\/blockquote>\n\n\n\n<pre id=\"hFJa7LGM8x1mefU3HIy05GBlsrkJ2nQ9\" class=\"wp-block-code\"><code>\/*=========\u5b57\u4f53\u8bbe\u7f6e============*\/\r\n \r\n\/*\u7f51\u7ad9\u5b57\u4f53*\/\r\n\/*\u539f\u5219\u4e0a\u4f60\u53ef\u4ee5\u8bbe\u7f6e\u591a\u4e2a\u5b57\u4f53\uff0c\u7136\u540e\u5728\u4e0d\u540c\u7684\u90e8\u4f4d\u4f7f\u7528\u4e0d\u540c\u7684\u5b57\u4f53\u3002*\/\r\n@font-face {\r\n    font-family: btfFont;\r\n    src:\r\n        url(https:\/\/fastly.jsdelivr.net\/gh\/huangwb8\/bloghelper@latest\/fonts\/13.woff2) format('woff2')\r\n}\r\n \r\nbody {\r\n    font-family: \"btfFont\" !important\r\n}\r\n \r\n\/*\u6a2a\u5e45\u5b57\u4f53\u5927\u5c0f*\/\r\n.banner-title {\r\n    font-size: 2.5em;\r\n}\r\n \r\n.banner-subtitle {\r\n    font-size: 27px;\r\n}\r\n \r\n\/*\u6587\u7ae0\u6807\u9898\u5b57\u4f53\u5927\u5c0f*\/\r\n.post-title {\r\n    font-size: 25px\r\n}\r\n \r\n\/*\u6b63\u6587\u5b57\u4f53\u5927\u5c0f\uff08\u4e0d\u5305\u542b\u4ee3\u7801\uff09*\/\r\n.post-content p {\r\n    font-size: 1.25rem;\r\n}\r\n \r\nli {\r\n    font-size: 1.2rem;\r\n \r\n}\r\n \r\n\/*\u8bc4\u8bba\u533a\u5b57\u4f53\u5927\u5c0f*\/\r\np {\r\n    font-size: 1.2rem\r\n}\r\n \r\n\/*\u8bc4\u8bba\u53d1\u9001\u533a\u5b57\u4f53\u5927\u5c0f*\/\r\n.form-control {\r\n    font-size: 1.2rem\r\n}\r\n \r\n\/*\u8bc4\u8bba\u52fe\u9009\u9879\u76ee\u5b57\u4f53\u5927\u5c0f*\/\r\n.custom-checkbox .custom-control-input~.custom-control-label {\r\n    font-size: 1.2rem\r\n}\r\n \r\n\/*\u8bc4\u8bba\u533a\u4ee3\u7801\u7684\u5f3a\u8c03\u8272*\/\r\ncode {\r\n    color: rgba(var(--themecolor-rgbstr));\r\n}\r\n \r\n\/*\u8bf4\u8bf4\u5b57\u4f53\u5927\u5c0f\u548c\u989c\u8272\u8bbe\u7f6e*\/\r\n.shuoshuo-title {\r\n    font-size: 25px;\r\n    \/*  color: rgba(var(--themecolor-rgbstr)); *\/\r\n}\r\n \r\n\/*\u5c3e\u6ce8\u5b57\u4f53\u5927\u5c0f*\/\r\n.additional-content-after-post {\r\n    font-size: 1.2rem\r\n}\r\n \r\n \r\n \r\n \r\n\/*========\u989c\u8272\u8bbe\u7f6e===========*\/\r\n \r\n\/*\u6587\u7ae0\u6216\u9875\u9762\u7684\u6b63\u6587\u989c\u8272*\/\r\nbody {\r\n    color: #364863\r\n}\r\n \r\n\/*\u5f15\u6587\u5c5e\u6027\u8bbe\u7f6e*\/\r\nblockquote {\r\n    \/*\u6dfb\u52a0\u5f31\u4e3b\u9898\u8272\u4e3a\u80cc\u666f\u8272*\/\r\n    background: rgba(var(--themecolor-rgbstr), 0.1) !important;\r\n    width: 100%\r\n}\r\n \r\n\/*\u5f15\u6587\u989c\u8272 \u5efa\u8bae\u7528\u4e3b\u9898\u8272*\/\r\n:root {\r\n    \/*\u4e5f\u53ef\u4ee5\u7528\u7c7b\u4f3c\u4e8e--color-border-on-foreground-deeper: #009688;\u8fd9\u6837\u7684\u547d\u4ee4*\/\r\n    --color-border-on-foreground-deeper: rgba(var(--themecolor-rgbstr));\r\n}\r\n \r\n\/*\u5de6\u4fa7\u83dc\u5355\u680f\u7a81\u51fa\u989c\u8272\u4fee\u6539*\/\r\n.leftbar-menu-item>a:hover,\r\n.leftbar-menu-item.current>a {\r\n    background-color: #f9f9f980;\r\n}\r\n \r\n\/*\u7ad9\u70b9\u6982\u89c8\u5206\u9694\u7ebf\u989c\u8272\u4fee\u6539*\/\r\n.site-state-item {\r\n    border-left: 1px solid #aaa;\r\n}\r\n \r\n.site-friend-links-title {\r\n    border-top: 1px dotted #aaa;\r\n}\r\n \r\n#leftbar_tab_tools ul li {\r\n    padding-top: 3px;\r\n    padding-bottom: 3px;\r\n    border-bottom: none;\r\n}\r\n \r\nhtml.darkmode #leftbar_tab_tools ul li {\r\n    border-bottom: none;\r\n}\r\n \r\n\/*\u5de6\u4fa7\u680f\u641c\u7d22\u6846\u7684\u989c\u8272*\/\r\nbutton#leftbar_search_container {\r\n    background-color: transparent;\r\n}\r\n \r\n\/*========\u900f\u660e\u8bbe\u7f6e===========*\/\r\n \r\n\/*\u767d\u5929\u5361\u7247\u80cc\u666f\u900f\u660e*\/\r\n.card {\r\n    background-color: rgba(255, 255, 255, 0.8) !important;\r\n    \/*backdrop-filter:blur(6px);*\/\r\n    \/*\u6bdb\u73bb\u7483\u6548\u679c\u4e3b\u8981\u5c5e\u6027*\/\r\n    -webkit-backdrop-filter: blur(6px);\r\n}\r\n \r\n\/*\u5c0f\u5de5\u5177\u680f\u80cc\u666f\u5b8c\u5168\u900f\u660e*\/\r\n\/*\u5c0f\u5de5\u5177\u680f\u662fcard\u7684\u5b50\u5143\u7d20\uff0c\u5982\u679c\u7528\u540c\u4e00\u4e2a\u900f\u660e\u5ea6\u4f1a\u53e0\u52a0\u53d8\u8272\uff0c\u6545\u6539\u4e3a\u5b8c\u5168\u900f\u660e*\/\r\n.card .widget,\r\n.darkmode .card .widget,\r\n#post_content>div>div>div.argon-timeline-card.card.bg-gradient-secondary.archive-timeline-title {\r\n    background-color: #ffffff00 !important;\r\n    backdrop-filter: none;\r\n    -webkit-backdrop-filter: none;\r\n}\r\n \r\n.emotion-keyboard,\r\n#fabtn_blog_settings_popup {\r\n    background-color: rgba(255, 255, 255, 0.95) !important;\r\n}\r\n \r\n\/*\u5206\u7c7b\u5361\u7247\u900f\u660e*\/\r\n.bg-gradient-secondary {\r\n    background: rgba(255, 255, 255, 0.1) !important;\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n}\r\n \r\n\/*\u591c\u95f4\u900f\u660e*\/\r\nhtml.darkmode.bg-white,\r\nhtml.darkmode .card,\r\nhtml.darkmode #footer {\r\n    background: rgba(66, 66, 66, 0.9) !important;\r\n}\r\n \r\nhtml.darkmode #fabtn_blog_settings_popup {\r\n    background: rgba(66, 66, 66, 0.95) !important;\r\n}\r\n \r\n\/*\u6807\u7b7e\u80cc\u666f\r\n.post-meta-detail-tag {\r\n    background:rgba(255, 255, 255, 0.5)!important;\r\n}*\/\r\n \r\n \r\n\/*========\u6392\u7248\u8bbe\u7f6e===========*\/\r\n \r\n\/* \u516c\u544a\u5c45\u4e2d *\/\r\n.leftbar-announcement-title {\r\n    font-size: 20px;\r\n    text-align: center;\r\n}\r\n \r\n.leftbar-announcement-content {\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    padding-top: 8px;\r\n    opacity: 0.9;\r\n    text-align: center;\r\n}\r\n \r\n\/* \u4e00\u8a00\u5c45\u4e2d *\/\r\n.leftbar-banner-title {\r\n    font-size: 20px;\r\n    display: block;\r\n    text-align: center;\r\n}\r\n \r\n\/*\u5de6\u4fa7\u680f\u5c42\u7ea7\u7f6e\u4e8e\u4e0a\u5c42*\/\r\n#leftbar_part1 {\r\n    z-index: 1;\r\n}\r\n \r\n\/*\u5206\u7c7b\u5361\u7247\u6587\u672c\u5c45\u4e2d*\/\r\n#content>div.page-information-card-container>div>div {\r\n    text-align: center;\r\n}\r\n \r\n\/*\u5b50\u83dc\u5355\u5bf9\u9f50\u53ca\u6837\u5f0f\u8c03\u6574*\/\r\n.dropdown-menu .dropdown-item>i {\r\n    width: 10px;\r\n}\r\n \r\n.dropdown-menu>a {\r\n    color: var(--themecolor);\r\n}\r\n \r\n.dropdown-menu {\r\n    min-width: max-content;\r\n}\r\n \r\n.dropdown-menu .dropdown-item {\r\n    padding: .5rem 1.5rem 0.5rem 1rem;\r\n}\r\n \r\n.leftbar-menu-subitem {\r\n    min-width: max-content;\r\n}\r\n \r\n.leftbar-menu-subitem .leftbar-menu-item>a {\r\n    padding: 0rem 1.5rem 0rem 1rem;\r\n}\r\n \r\n\/*\u5de6\u4fa7\u680f\u8fb9\u8ddd\u4fee\u6539*\/\r\n.tab-content {\r\n    padding: 10px 0px 0px 0px !important;\r\n}\r\n \r\n.site-author-links {\r\n    padding: 0px 0px 0px 10px;\r\n}\r\n \r\n\/*\u76ee\u5f55\u4f4d\u7f6e\u504f\u79fb\u4fee\u6539*\/\r\n#leftbar_catalog {\r\n    margin-left: 0px;\r\n}\r\n \r\n\/*\u76ee\u5f55\u6761\u76ee\u8fb9\u8ddd\u4fee\u6539*\/\r\n#leftbar_catalog .index-link {\r\n    padding: 4px 4px 4px 4px;\r\n}\r\n \r\n\/*\u5de6\u4fa7\u680f\u5c0f\u5de5\u5177\u680f\u5b57\u4f53\u7f29\u5c0f*\/\r\n#leftbar_tab_tools {\r\n    font-size: 14px;\r\n}\r\n \r\n\/*\u6b63\u6587\u56fe\u7247\u8fb9\u8ddd\u4fee\u6539*\/\r\narticle figure {\r\n    margin: 0;\r\n}\r\n \r\n\/*\u6b63\u6587\u56fe\u7247\u5c45\u4e2d\u663e\u793a*\/\r\n.fancybox-wrapper {\r\n    margin: auto;\r\n}\r\n \r\n\/*\u6b63\u6587\u8868\u683c\u6837\u5f0f\u4fee\u6539*\/\r\narticle table>tbody>tr>td,\r\narticle table>tbody>tr>th,\r\narticle table>tfoot>tr>td,\r\narticle table>tfoot>tr>th,\r\narticle table>thead>tr>td,\r\narticle table>thead>tr>th {\r\n    padding: 8px 10px;\r\n    border: 1px solid;\r\n}\r\n \r\n\/*\u8868\u683c\u5c45\u4e2d\u6837\u5f0f*\/\r\n.wp-block-table.aligncenter {\r\n    margin: 10px auto;\r\n}\r\n \r\n\/*\u56de\u9876\u56fe\u6807\u653e\u5927*\/\r\nbutton#fabtn_back_to_top,\r\nbutton#fabtn_go_to_comment,\r\nbutton#fabtn_toggle_blog_settings_popup,\r\nbutton#fabtn_toggle_sides,\r\nbutton#fabtn_open_sidebar {\r\n    font-size: 1.2rem;\r\n}\r\n \r\n\/*\u9876\u680f\u83dc\u5355\u653e\u5927*\/\r\n.navbar-nav .nav-link {\r\n    font-size: 1rem;\r\n    font-family: 'btfFont';\r\n \r\n}\r\n \r\n.navbar-brand {\r\n    color: white !important;\r\n    font-family: 'btfFont';\r\n    font-size: 1.4rem;\r\n    margin-right: 1rem;\r\n    padding-bottom: .2rem;\r\n}\r\n \r\n\/*\u83dc\u5355\u5927\u5c0f*\/\r\n.nav-link-inner--text {\r\n    font-size: 1.2em;\r\n}\r\n \r\n.navbar-nav .nav-item {\r\n    margin-right: 0;\r\n}\r\n \r\n.mr-lg-5,\r\n.mx-lg-5 {\r\n    margin-right: 1rem !important;\r\n}\r\n \r\n.navbar-toggler-icon {\r\n    width: 1.8rem;\r\n    height: 1.8rem;\r\n}\r\n \r\n\/*\u83dc\u5355\u95f4\u8ddd*\/\r\n.navbar-expand-lg .navbar-nav .nav-link {\r\n    padding-right: 2.1em;\r\n    padding-left: 1.em;\r\n}\r\n \r\n\/*\u9690\u85cfwp-SEO\u63d2\u4ef6\u5e26\u6765\u7684\u7ebf\u6761\u9634\u5f71\uff08\u4e0d\u4e00\u5b9a\u8981\u88c5\uff09*\/\r\n*&#91;style='position: relative; z-index: 99998;'] {\r\n    display: none;\r\n}\r\n \r\n\/* Github\u5361\u7247\u6837\u5f0f*\/\r\n.github-info-card-header a {\r\n    \/*Github\u5361\u7247\u62ac\u5934\u989c\u8272*\/\r\n    color: black !important;\r\n    font-size: 1.5rem;\r\n}\r\n \r\n.github-info-card {\r\n    \/*Github\u5361\u7247\u6587\u5b57\uff08\u975e\u94fe\u63a5\uff09*\/\r\n    font-size: 1rem;\r\n    color: black !important;\r\n}\r\n \r\n.github-info-card.github-info-card-full.card.shadow-sm {\r\n    \/*Github\u5361\u7247\u80cc\u666f\u8272*\/\r\n    background-color: rgba(var(--themecolor-rgbstr), 0.1) !important;\r\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-id-14\">\u535a\u5ba2\u900f\u660e (\u6839\u636e\u4e3b\u9898\u81ea\u52a8)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u6dfb\u52a0\u5230&nbsp;<code>\u9875\u5c3e\u811a\u672c<\/code>&nbsp;\u91cc\uff0c\u6839\u636e\u4e3b\u9898\u8272\u81ea\u52a8\u900f\u660e\uff0c\u900f\u660e\u5ea6\u53ef\u4ee5\u5728 op1\u3001op2\u3001op3\u2026.. \u90a3\u91cc\u8bbe\u7f6e<\/p>\n\n\n\n<pre id=\"YALhwmJVMmwUAdkkCMY3wXYLxo4BytY5\" class=\"wp-block-code\"><code>&lt;script&gt;  function hexToRgb(hex,op){    let str = hex.slice(1);    let arr;    if (str.length === 3) arr = str.split('').map(d =&gt; parseInt(d.repeat(2), 16));    else arr = &#91;parseInt(str.slice(0, 2), 16), parseInt(str.slice(2, 4), 16), parseInt(str.slice(4, 6), 16)];    return  `rgb(${arr.join(', ')}, ${op})`;};   let themeColorHex = getComputedStyle(document.documentElement).getPropertyValue('--themecolor').trim();  let op1 = 0.6  let themeColorRgb = hexToRgb(themeColorHex,op1);  let themecolorGradient = getComputedStyle(document.documentElement).getPropertyValue('--themecolor-gradient')*  document.documentElement.style.setProperty('--themecolor-gradient',themeColorRgb)   let op2 = 0.8  <em>\/\/ \u65b9\u6cd5\u4e00\uff1a<\/em>  let colorTint92 = getComputedStyle(document.documentElement).getPropertyValue('--color-tint-92').trim();  colorTint92 += ', '+op2;  document.documentElement.style.setProperty('--color-tint-92',colorTint92)  <em>\/\/ \u65b9\u6cd5\u4e8c\uff1a\uff08\u65e0\u6548\uff09<\/em>  <em>\/\/ let colorForegroundHex = getComputedStyle(document.documentElement).getPropertyValue('--color-foreground').trim();<\/em>  <em>\/\/ let colorForeground = hexToRgb(colorForegroundHex,op2)<\/em>  <em>\/\/ \u65e0\u6548\u7684\u539f\u56e0\u662f\u535a\u5ba2\u91cc\u7684--color-fpreground\u662f\u5c40\u90e8\u53d8\u91cf\uff0c\u4e0d\u662f:root\u91cc\u7684\u5168\u5c40\u53d8\u91cf\uff0c\u6240\u4ee5\u6700\u597d\u7684\u529e\u6cd5\u662f\u4fee\u6539--color-tint-92\uff0c\u8fd9\u4e2a\u662f\u5168\u5c40\u7684<\/em>  <em>\/\/ document.documentElement.style.setPrope\u3002rty('--color-fpreground',colorForeground)<\/em>   <em>\/\/ \u4e0d\u8981\u7528\u4e0b\u9762\u8fd9\u79cdcssText\u8fd9\u79cd\u5199\u6cd5\uff0c\u4f1a\u5bfc\u81f4\u4e0a\u9762--themecolor-gradient\u7684\u6837\u5f0f\u4fee\u6539\u5931\u6548\uff01<\/em>   <em>\/\/ document.documentElement.style.cssText = '--color-tint-92:'+colorTint92<\/em>    let op3 = 0.65  let colorShade90 = getComputedStyle(document.documentElement).getPropertyValue('--color-shade-90').trim();  colorShade90 += ', ' + op3;  document.documentElement.style.setProperty('--color-shade-90',colorShade90)   let op4 = 0.8  let colorShade86 = getComputedStyle(document.documentElement).getPropertyValue('--color-shade-86').trim();  colorShade86 += ', ' + op4;  document.documentElement.style.setProperty('--color-shade-86',colorShade86)&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u6765\u6e90\u81ea\u53cb\u94fe\u670b\u53cb\uff1a<a href=\"https:\/\/hongshaoyv.com\/\">\u5317\u51a5\u7ea2\u70e7\u9c7c (hongshaoyv.com)<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-id-15\">\u6559\u7a0b\u89c6\u9891<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.bilibili.com\/video\/BV1qM411k7NK\/?spm_id_from=333.999.0.0\">\u4e2a\u4eba\u535a\u5ba2\u7f51\u7ad9\u7f8e\u5316\u4ee3\u7801\u4f7f\u7528<em>\u54d4\u54e9\u54d4\u54e9<\/em>&nbsp;bilibili<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.bilibili.com\/video\/BV1uW4y1E7wA\/?spm_id_from=333.999.0.0\">\u4e2a\u4eba\u535a\u5ba2\u7f51\u7ad9 (WordPress) \u57fa\u672c\u4f7f\u7528<em>\u54d4\u54e9\u54d4\u54e9<\/em>&nbsp;bilibili<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-id-16\">\u76f8\u5173\u94fe\u63a5<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u672c\u6587\u53ef\u80fd\u6d89\u53ca\u7684\u4ee3\u7801\u51fa\u81ea\u4ee5\u4e0b\u535a\u5ba2\u6587\u7ae0\uff0c\u5341\u5206\u611f\u8c22\u4e0b\u9762\u5404\u4f4d\u5927\u4f6c\u7684\u5206\u4eab<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5173\u4e8e Argon \u4e3b\u9898 \u66f4\u591a\u7f8e\u5316\u5185\u5bb9\u6587\u7ae0<\/strong>\uff1a&nbsp;<a href=\"https:\/\/new.gcxstudio.cn\/archives\/argon-theme-settings\/\">Argon \u4e3b\u9898\u7684\u7f8e\u5316\u8bbe\u7f6e \u2013 Gong_cx (gcxstudio.cn)<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5173\u4e8e\u535a\u5ba2\u4e2d\u6dfb\u52a0\u97f3\u4e50\u63d2\u4ef6<\/strong>:&nbsp;<a href=\"https:\/\/echeverra.cn\/aplayer\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/echeverra.cn\/aplayer<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Argon \u4e3b\u9898 GitHub \u5730\u5740<\/strong>\uff1a<a href=\"https:\/\/github.com\/solstice23\/argon-theme\">solstice23\/argon-theme: \ud83d\udcd6 Argon \u2013 \u4e00\u4e2a\u8f7b\u76c8\u3001\u7b80\u6d01\u7684 WordPress \u4e3b\u9898 (github.com)<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Argon \u4e3b\u9898\u5236\u4f5c\u4eba\u535a\u5ba2<\/strong>\uff1a<a href=\"https:\/\/solstice23.top\/\">solstice23 \u2013 Blog<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Argon \u4e3b\u9898\u4f7f\u7528\u6587\u6863<\/strong>\uff1a<a href=\"https:\/\/argon-docs-old.solstice23.top\/\">\u9996\u9875 \u2013 Argon Theme Docs (solstice23.top)<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-id-17\">\u95ee\u9898\u89e3\u7b54<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5982\u679c\u9047\u5230\u95ee\u9898\u65e0\u6cd5\u89e3\u51b3\uff0c\u8bf7\u53c2\u8003\u4ee5\u4e0b\u9014\u5f84<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>B \u7ad9\u89c6\u9891\uff1a<a href=\"https:\/\/www.bilibili.com\/video\/BV1zG4y1A7Wy\/?spm_id_from=333.999.0.0&amp;vd_source=a1234589a3616351986bc6d13bcbd8f8\">\u535a\u5ba2\u642d\u5efa\u5e38\u89c1\u95ee\u9898\u6c47\u603b<em>\u54d4\u54e9\u54d4\u54e9<\/em>&nbsp;bilibili<\/a><\/li>\n\n\n\n<li>\u7ffb\u7ffb\u8bc4\u8bba\u533a\uff0c\u5df2\u7ecf\u6709\u8bb8\u591a\u95ee\u9898\u63d0\u51fa\u548c\u89e3\u51b3\u4e86\uff0c\u5927\u90e8\u5206\u90fd\u4e00\u6837<\/li>\n\n\n\n<li>\u67e5\u770b\u5b98\u65b9\u6587\u6863<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u5982\u679c\u95ee\u9898\u8fd8\u672a\u89e3\u51b3\uff0c\u8bf7\u8bc4\u8bba\u533a\u7559\u8a00<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-id-18\">\u4e00\u4e9b\u8bdd<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5f88\u5f00\u5fc3\u8fd9\u7bc7\u7f8e\u5316\u6587\u7ae0\u80fd\u591f\u5e2e\u52a9\u5230\u5927\u5bb6\uff0c\u5982\u679c\u8f6c\u8f7d\u8bf7\u6807\u6ce8\u539f\u6587\u5730\u5740\u54e6\uff0c\u5341\u5206\u611f\u8c22\uff01<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u524d\u8a00 \u5f88\u5f00\u5fc3\u8fd9\u7bc7\u7f8e\u5316\u6587\u7ae0\u80fd\u591f\u5e2e\u52a9\u5230\u5927\u5bb6\uff0c\u5982\u679c\u8f6c\u8f7d\u8bf7\u6807\u6ce8\u539f\u6587\u5730\u5740\u54e6\uff0c\u5341\u5206\u611f\u8c22\uff01 \u5e38\u8a00\u9053\uff1a\u5de5\u6b32\u5584\u5176\u4e8b\u5fc5\u5148\u5229\u5176\u5668\uff0c\u5728 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":93,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-118","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/www.zhang-junyi.com\/index.php?rest_route=\/wp\/v2\/posts\/118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.zhang-junyi.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.zhang-junyi.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.zhang-junyi.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.zhang-junyi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=118"}],"version-history":[{"count":2,"href":"http:\/\/www.zhang-junyi.com\/index.php?rest_route=\/wp\/v2\/posts\/118\/revisions"}],"predecessor-version":[{"id":121,"href":"http:\/\/www.zhang-junyi.com\/index.php?rest_route=\/wp\/v2\/posts\/118\/revisions\/121"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.zhang-junyi.com\/index.php?rest_route=\/wp\/v2\/media\/93"}],"wp:attachment":[{"href":"http:\/\/www.zhang-junyi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.zhang-junyi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=118"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.zhang-junyi.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}