{"id":279,"date":"2024-07-30T14:03:03","date_gmt":"2024-07-30T06:03:03","guid":{"rendered":"http:\/\/47.121.197.82\/?p=279"},"modified":"2024-07-30T14:03:03","modified_gmt":"2024-07-30T06:03:03","slug":"argon%e4%b8%bb%e9%a2%98%e7%be%8e%e5%8c%96","status":"publish","type":"post","link":"https:\/\/www.chencuo.top\/?p=279","title":{"rendered":"argon\u4e3b\u9898\u7f8e\u5316"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u5e74\u5ea6\u5012\u8ba1\u65f6\u663e\u793a (\u5de6\u4fa7\u680f)<\/h2>\n\n\n\n<p>\u65b9\u6cd5\uff1a<\/p>\n\n\n\n<p>\u540e\u53f0\u4e3b\u9875\uff0c\u70b9\u51fb\u5916\u89c2\uff0c\u9009\u62e9\u5de6\u4fa7\u680f\u91cc\u6dfb\u52a0\u5de5\u5177 \u2014\u2014 \u7b80\u7801\uff0c\u590d\u5236\u4ee5\u4e0b\u4ee3\u7801\u7c98\u8d34\u8fdb\u53bb\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"progress-wrapper\" style=\"padding: 0\"&gt;\n&lt;div class=\"progress-info\"&gt;\n&lt;div class=\"progress-label\"&gt;\n&lt;span id=\"yearprogress_yearname\"&gt;&lt;\/span&gt;\n&lt;\/div&gt;\n&lt;div id=\"yearprogress_text_container\" class=\"progress-percentage\"&gt;\n&lt;span id=\"yearprogress_progresstext\"&gt;&lt;\/span&gt;\n&lt;span id=\"yearprogress_progresstext_full\"&gt;&lt;\/span&gt;\n&lt;\/div&gt;\n&lt;\/div&gt;\n&lt;div class=\"progress\"&gt;\n&lt;div id=\"yearprogress_progressbar\" class=\"progress-bar bg-primary\"&gt;&lt;\/div&gt;\n&lt;\/div&gt;\n&lt;\/div&gt;\n&lt;script no-pjax=\"\"&gt;\nfunction yearprogress_refresh() {\nlet year = new Date().getFullYear();\n$(\"#yearprogress_yearname\").text(year);\nlet from = new Date(year, 0, 1, 0, 0, 0);\nlet to = new Date(year, 11, 31, 23, 59, 59);\nlet now = new Date();\nlet progress = (((now - from) \/ (to - from + 1)) * 100).toFixed(7);\nlet progressshort = (((now - from) \/ (to - from + 1)) * 100).toFixed(2);\n$(\"#yearprogress_progresstext\").text(progressshort + \"%\");\n$(\"#yearprogress_progresstext_full\").text(progress + \"%\");\n$(\"#yearprogress_progressbar\").css(\"width\", progress + \"%\");\n}\nyearprogress_refresh();\nif (typeof yearProgressIntervalHasSet == \"undefined\") {\nvar yearProgressIntervalHasSet = true;\nsetInterval(function () {\nyearprogress_refresh();\n}, 500);\n}\n&lt;\/script&gt;\n&lt;style&gt;\n#yearprogress_text_container {\nwidth: 100%;\nheight: 22px;\noverflow: hidden;\nuser-select: none;\n}\n#yearprogress_text_container &gt; span {\ntransition: all 0.3s ease;\ndisplay: block;\n}\n#yearprogress_text_container:hover &gt; span {\ntransform: translateY(-45px);\n}\n&lt;\/style&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u97f3\u4e50\u64ad\u653e\u5668<\/h2>\n\n\n\n<p>\u8c03\u7528\u6587\u6863\u94fe\u63a5\uff1a    <a href=\"https:\/\/ace520.github.io\/blog\/post\/2020\/05\/26\/aplayer\">https:\/\/ace520.github.io\/blog\/post\/2020\/05\/26\/aplayer<\/a><\/p>\n\n\n\n<p>\u5177\u4f53\u53c2\u6570\uff1a  <a href=\"https:\/\/yy.liveout.cn\/article\/Learn\/front-end\/aplayer%E5%8F%82%E6%95%B0.png\">https:\/\/yy.liveout.cn\/article\/Learn\/front-end\/aplayer%E5%8F%82%E6%95%B0.png<\/a><\/p>\n\n\n\n<p>\u4e00\u4e9b\u4e3b\u8981\u5185\u5bb9\u8be0\u91ca\uff1a<\/p>\n\n\n\n<p><code><strong>server=\"netease\"<\/strong><\/code>  &nbsp;\u6307\u5b9a\u97f3\u4e50\u5e73\u53f0\u4e3a\u7f51\u6613\u4e91     netease (\u7f51\u6613\u4e91)\u3001tencent (QQ \u97f3\u4e50)<\/p>\n\n\n\n<p><strong><code>type=\"song\"<\/code>&nbsp;<\/strong>  \u6307\u5355\u66f2\u7c7b\u578b<\/p>\n\n\n\n<p><strong><code>id=\"7373135320\"<\/code>  &nbsp;<\/strong>\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<\/p>\n\n\n\n<p><strong>&nbsp;<code>fixed=\"true\"<\/code><\/strong> \u5f00\u542f\u5438\u5e95\u6a21<\/p>\n\n\n\n<p>&nbsp;<code><strong>mini=\"true\"<\/strong><\/code>  \u5f00\u542f\u8ff7\u4f60\u6a21\u5f0f<\/p>\n\n\n\n<p> &nbsp;<strong><code>order=\"random\" <\/code><\/strong>\u968f\u673a\u64ad\u653e<strong><code> <\/code><\/strong><\/p>\n\n\n\n<p>&nbsp;<code><strong>lrc-type=\"0\"<\/strong> <\/code>\u5173\u95ed\u5e95\u90e8\u6b4c\u8bcd<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>\u65b9\u6cd5\uff1a<\/p>\n\n\n\n<p>\u70b9\u51fb\u540e\u53f0\u4e3b\u9875\uff0c\u70b9\u51fbargon\u4e3b\u9898\u9009\u9879\uff0c\u53f3\u4fa7\u5168\u5c40\u70b9\u51fb\u811a\u672c\uff0c\u9009\u62e9\u9875\u5c3e\u811a\u672c\uff0c\u5c06\u4ee5\u4e0b\u4ee3\u7801\u590d\u5236\u8fdb\u53bb(\u6709\u4e9b\u9700\u8981\u81ea\u5df1\u6839\u636e\u81ea\u5df1\u60c5\u51b5\u6539\u52a8)<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&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=\"7360465359\"\n    fixed=\"true\" \n    mini=\"true\"\n    order=\"random\"\n    loop=\"all\"\n    preload=\"auto\"\n    list-folded=\"false\"&gt;\n&lt;\/meting-js&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u7f51\u9875\u5e95\u90e8<\/h2>\n\n\n\n<p>\u70b9\u51fb\u540e\u53f0\u4e3b\u9875\uff0c\u70b9\u51fbargon\u4e3b\u9898\u9009\u9879\uff0c\u53f3\u4fa7\u5168\u5c40\u70b9\u51fb\u9875\u811a\uff0c\u5c06\u4ee5\u4e0b\u4ee3\u7801\u590d\u5236\u8fdb\u53bb\uff1a<\/p>\n\n\n\n<p><strong>css\u90e8\u5206\uff1a<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&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 <\/code><\/pre>\n\n\n\n<p><strong>html\u90e8\u5206<\/strong>\uff1a<\/p>\n\n\n\n<p>\u6839\u636e\u81ea\u5df1\u7684\u5b9e\u9645\u60c5\u51b5\u66f4\u6539<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>   &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&gt;\n        &lt;span class=\"badge-value bg-orange\"&gt;\n            &lt;!-- \u5907\u6848\u94fe\u63a5 --&gt;\n            &lt;a href=\"https:\/\/beian.miit.gov.cn\/\" target=\"_blank\" one-link-mark=\"yes\"&gt;\u82cfICP\u59071234567890\u53f7&lt;\/a&gt;|\n            &lt;a href=\"https:\/\/www.beian.gov.cn\/portal\/index?token=e547b70c-fbe1-4c80-a4a2-857b17389a71\" target=\"_blank\"\n                one-link-mark=\"yes\"&gt;\n                \u82cf\u516c\u7f51\u5b89\u5907 32072212344321\u53f7&lt;\/a&gt;\n        &lt;\/span&gt;\n    &lt;\/div&gt;\n \n \n  &lt;div class=\"github-badge-big\"&gt;\n        &lt;span class=\"badge-subject\"&gt;&lt;i class=\"fa fa-cloud\" aria-hidden=\"true\"&gt;&lt;\/i&gt; CDN&lt;\/span&gt;\n        &lt;span class=\"badge-value bg-shallots\"&gt;\n            &lt;!-- \u53c8\u62cd\u4e91\u94fe\u63a5 --&gt;\n            &lt;a href=\"https:\/\/www.upyun.com\/\" target=\"_blank\" one-link-mark=\"yes\"&gt;Upyun&lt;\/a&gt;\n        &lt;\/span&gt;\n \n        &lt;span class=\"badge-subject\"&gt;&lt;i class=\"fa fa-wordpress\"&gt;&lt;\/i&gt; Powered&lt;\/span&gt;\n        &lt;span class=\"badge-value bg-green\"&gt;\n            &lt;!-- wordpress\u94fe\u63a5 --&gt;\n            &lt;a href=\"https:\/\/cn.wordpress.org\/\" target=\"_blank\" one-link-mark=\"yes\"&gt;\n                WordPress&lt;\/a&gt;&lt;\/span&gt;\n    &lt;\/div&gt;\n \n    &lt;div class=\"github-badge-big\"&gt;\n        &lt;span class=\"badge-subject\"&gt;&lt;i class=\"fa fa-copyright\" aria-hidden=\"true\"&gt;&lt;\/i&gt;Copyright &lt;\/span&gt;\n        &lt;span class=\"badge-value bg-red\"&gt;2022-2023&lt;\/i&gt;\n            &lt;a href=\"https:\/\/www.liveout.cn\/\" target=\"_blank\" one-link-mark=\"yes\"&gt;@ cuo\n        &lt;\/span&gt;\n        &lt;\/script&gt;\n    &lt;\/div&gt;\n \n\t&lt;!-- \u8fd0\u884c\u65f6\u95f4 --&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&gt;&lt;span\n            class=\"badge-value bg-apricots\"&gt;&lt;span id=\"blog_running_days\" class=\"odometer odometer-auto-theme\"&gt;&lt;\/span&gt;\n            days\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;S\n        &lt;\/span&gt;\n <\/code><\/pre>\n\n\n\n<p>JavaScript\uff1a<\/p>\n\n\n\n<p><code>\u6ce8\u610f<\/code>\uff1anew Date (year, month, date, hrs, min, sec) \u6309\u7ed9\u5b9a\u7684\u53c2\u6570\u521b\u5efa \u65e5\u671f\u5bf9\u8c61<\/p>\n\n\n\n<p>\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<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&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(2024, 7, 4, 0, 0, 0); \/*\u6b64\u5904\u65e5\u671f\u7684\u6708\u4efd\u6539\u4e3a\u81ea\u5df1\u771f\u6b63\u6708\u4efd\u7684\u524d\u4e00\u4e2a\u6708*\/\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;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u5934\u50cf\u7f29\u653e\u6216\u4eae\u6697<\/h2>\n\n\n\n<p>\u9f20\u6807\u7ecf\u8fc7\u5934\u50cf\u65f6\u81ea\u52a8\u7f29\u653e\u3001\u9ad8\u4eae \/ \u6697<\/p>\n\n\n\n<p>\u5728&nbsp;<code>\u5916\u89c2<\/code>&nbsp;\u2014&nbsp;<code>\u81ea\u5b9a\u4e49<\/code>&nbsp;\u2014&nbsp;<code>\u989d\u5916CSS<\/code>&nbsp;\u4e2d<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>#leftbar_overview_author_image {<br>    width: 100px;<br>    height: 100px;<br>    margin: auto;<br>    background-position: center;<br>    background-repeat: no-repeat;<br>    background-size: cover;<br>    background-color: rgba(127, 127, 127, 0.1);<br>    overflow: hidden;<br>    box-shadow: 0 0 5px rgba(116, 8, 204, 0.3);<br>    transition: transform 0.3s ease; \/*\u53d8\u5316\u901f\u5ea6*\/<br>}<br> <br>#leftbar_overview_author_image:hover {<br>\ttransform: scale(1.2); \/*\u7f29\u653e\u5927\u5c0f*\/<br>\tfilter: brightness(150%); \/*\u8c03\u8282\u4eae\u5ea6*\/<br>}<br><br><br><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u96ea\u82b1\/\u6a31\u82b1\/\u70df\u82b1\u7279\u6548<\/h2>\n\n\n\n<p>\u7f16\u8f91<code>footer.php<\/code>\u6587\u4ef6\u3002\u5728\u672b\u5c3e<code>&lt;\/body&gt;<\/code>\u4e0a\u65b9\uff08\u8fd9\u6837\u53ef\u4ee5\u6700\u540e\u52a0\u8f7d\u7279\u6548\uff0c\u4ee5\u514d\u5f71\u54cd\u5176\u4ed6\u5185\u5bb9\u7684\u8bbf\u95ee\u901f\u5ea6\uff09\uff0c\u6dfb\u52a0\u4ee5\u4e0b\u4ee3\u7801\uff08\u8981\u7528\u67d0\u4e2a\u7279\u6548\uff0c\u8bb0\u5f97\u5c06\u4ee3\u7801\u524d\u9762\u7684\u6ce8\u91ca\u7b26<code>\/\/<\/code>\u53bb\u9664\uff09\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!--\u5168\u9875\u7279\u6548\u5f00\u59cb--&gt;\n&lt;script src=\"https:\/\/cdn.jsdelivr.net\/gh\/huangwb8\/bloghelper@latest\/js\/mobile-detect.js\"&gt;&lt;\/script&gt;\n&lt;script type=\"text\/javascript\"&gt;\n    \/\/ \u8bbe\u5907\u68c0\u6d4b\n    var md = new MobileDetect(window.navigator.userAgent);\n \n    \/\/ PC\u751f\u6548\uff0c\u624b\u673a\/\u5e73\u677f\u4e0d\u751f\u6548\n    \/\/ md.mobile(); md.phone(); \n    if(!md.phone()){\n        if(!md.tablet()){\n            \/\/ \u96ea\u82b1\n            $.getScript(\"https:\/\/cdn.jsdelivr.net\/gh\/huangwb8\/bloghelper@latest\/js\/xiaxue.js\");\n \n            \/\/ \u6a31\u82b1\n            \/\/ $.getScript(\"https:\/\/cdn.jsdelivr.net\/gh\/huangwb8\/bloghelper@latest\/js\/yinghua.js\");\n \n            \/\/ \u5c0f\u70df\u82b1\u7279\u6548\n            \/\/ $.getScript(\"https:\/\/cdn.jsdelivr.net\/gh\/huangwb8\/bloghelper@latest\/js\/mouse-click.js\");\n \n            \/\/ \u5927\u70df\u82b1\u7279\u6548\n            $.getScript(\"https:\/\/cdn.jsdelivr.net\/gh\/huangwb8\/bloghelper@latest\/mouse\/mouse-click-02\/mouse-canvas.js\");\n            document.write('&lt;style&gt;#mouse-canvas {z-index:217483647; pointer-events: none;  box-sizing: border-box !important; display: block !important; position: fixed !important; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100vh;}&lt;\/style&gt;')\n \n            \/\/ \u9f20\u6807\u79fb\u52a8\u7684\u4ed9\u5973\u68d2\u7279\u6548\n            \/\/ $.getScript(\"https:\/\/bensz.onmicrosoft.cn\/bloghelper\/mouse\/halo-dream\/fairyDustCursor.min.js\");\n \n            \/\/ \u9f20\u6807\u79fb\u52a8\u7684\u6ce1\u6ce1\u7279\u6548\n            \/\/ $.getScript(\"https:\/\/bensz.onmicrosoft.cn\/bloghelper\/mouse\/joe\/censor10.js\");\n        }   \n    }\n&lt;\/script&gt;\n&lt;!--\u5168\u9875\u7279\u6548\u7ed3\u675f--&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u9f20\u6807\u6587\u5b57\u7279\u6548<\/h2>\n\n\n\n<p>\u548c\u96ea\u82b1\u7279\u6548\u662f\u4e00\u6837\u7684\u7528\u6cd5\u3002\u5728\u672b\u5c3e<code>&lt;\/body&gt;<\/code>\u4e0a\u65b9\u52a0\u5165\u3002\u5f53\u7136<code>a<\/code>\u53d8\u91cf\u4e2d\u7684\u6587\u5b57\u53ef\u4ee5\u81ea\u5b9a\u4e49\uff0c\u4f60\u53ef\u4ee5\u6539\u6210\u81ea\u5df1\u559c\u6b22\u7684\u6587\u5b57\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!--\u9f20\u6807\u7279\u6548\u5f00\u59cb--&gt;\n&lt;script type=\"text\/javascript\"&gt;\nvar a_idx = 0;\njQuery(document).ready(function($) {\n   $(\"body\").click(function(e) {\n       var a = new Array(\"\u2764\u5bcc\u5f3a\u2764\", \"\u2764\u6c11\u4e3b\u2764\", \"\u2764\u6587\u660e\u2764\", \"\u2764\u548c\u8c10\u2764\", \"\u2764\u81ea\u7531\u2764\", \"\u2764\u5e73\u7b49\u2764\", \"\u2764\u516c\u6b63\u2764\", \"\u2764\u6cd5\u6cbb\u2764\", \"\u2764\u7231\u56fd\u2764\", \"\u2764\u656c\u4e1a\u2764\", \"\u2764\u8bda\u4fe1\u2764\", \"\u2764\u53cb\u5584\u2764\");\n       var $i = $(\"&lt;span\/&gt;\").text(a&#91;a_idx]);\n       a_idx = (a_idx + 1) % a.length;\n       var x = e.pageX,\n       y = e.pageY;\n       $i.css({\n           \"z-index\": 999999999999999999999999999999999999999999999999999999999999999999999,\n           \"top\": y - 20,\n           \"left\": x,\n           \"position\": \"absolute\",\n           \"font-weight\": \"bold\",\n           \"color\": \"#ff6651\"\n       });\n       $(\"body\").append($i);\n       $i.animate({\n           \"top\": y - 180,\n           \"opacity\": 0\n       },\n       1500,\n       function() {\n           $i.remove();\n       });\n   });\n});\n&lt;\/script&gt;\n&lt;!--\u9f20\u6807\u7279\u6548\u7ed3\u675f--&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u9f20\u6807\u7279\u6548\u9634\u5f71\u76f8\u968f<\/h2>\n\n\n\n<p>\u5728\u672b\u5c3e<code>&lt;\/body&gt;<\/code>\u4e0a\u65b9\u52a0\u5165<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!--\u9f20\u6807\u6837\u5f0f\uff1a\u4e24\u4e2a\u540c\u5fc3\u5706\uff0c\u5927\u5706\u8ffd\u5c0f\u5706--&gt;\n&lt;style type=\"text\/css\"&gt;\n#cursor{position:fixed;width:16px;height:16px;background:#009688;border-radius:8px;opacity:0.25;z-index:10086;pointer-events:none;transition:0.2s ease-in-out;transition-property:background,opacity,transform}\n#cursor.hidden{opacity:0}\n#cursor.hover{opacity:0.1;transform:scale(2.5)}\n#cursor.active{opacity:0.5;transform:scale(0.5)}\n#clickME{cursor:pointer;display:inline-block;border:1px solid #009688}\n&lt;\/style&gt;\n&lt;script src=\"https:\/\/cdn.jsdelivr.net\/gh\/huangwb8\/bloghelper@latest\/js\/cursor_01.js\"&gt;&lt;\/script&gt;\n&lt;!--\u9f20\u6807\u6837\u5f0f\u7ed3\u675f--&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u5b57\u4f53<\/h2>\n\n\n\n<p>\u6b64\u5904\u4f7f\u7528\u7684\u662f\u6c49\u5510\u7f8e\u4eba\u4f53<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*\u8bbe\u7f6e\u7f51\u7ad9\u5b57\u4f53*\/\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*\/\n@font-face{\n    font-family:btfFont;\n    src: url(https:\/\/cdn.jsdelivr.net\/gh\/huangwb8\/bloghelper@latest\/fonts\/13.woff2) format('woff2')\n}\nbody{\n    font-family:\"btfFont\" !important\n}\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u7f51\u7ad9\u6807\u9898\u5b57\u4f53\u5f69\u8272\u9713\u8679\u6548\u679c<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>@keyframes ColdLight {\n0%{\nbackground-position: 0%;\n}\n100%{\nbackground-position: 200%;\n}\n}\n.banner-title{\nposition: absolute;\nbackground: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);\nbackground-size:200%;\nanimation: ColdLight 3s linear infinite;\ncolor:transparent !important;\n-webkit-background-clip: text;\n}\n \n.banner-title::before {\ncontent: '';\nposition: absolute;\ntop: 0;\nleft: 50%;\nbottom: 0;\nright: 0;\ntransform:translatex(-50%);\nmax-width:500px;\nz-index: -100;\nbackground:white;\nfilter: blur(30px);\nopacity: 0.5;\n}\n.banner-title .banner-title-inner{\nposition:relative;\nbackground:inherit;\n}\n.banner-title .banner-subtitle{\nposition:relative;\nbackground:inherit;\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u6dfb\u52a0\u5f69\u8272\u56fe\u6807<\/strong><\/h2>\n\n\n\n<p>\u4e3a\u4f60\u7684 argon\u4e3b\u9898\u6dfb\u52a0\u963f\u91cc\u5df4\u5df4\u77e2\u91cf\u56fe\u5f69\u8272\u56fe\u8868<\/p>\n\n\n\n<p>\u8fdb\u5165\u963f\u91cc\u5df4\u5df4\u77e2\u91cf\u5e93\u5b98\u7f51\uff1a<\/p>\n\n\n\n<p><a href=\"https:\/\/www.iconfont.cn\">https:\/\/www.iconfont.cn<\/a><\/p>\n\n\n\n<p>\u767b\u5f55\uff0c\u4f9d\u6b21\u70b9\u51fb\u7d20\u6750\u5e93\u2014\u2014\u56fe\u6807\u5e93<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-222650-1024x445.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  decoding=\"async\" data-original=\"https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-222650-1024x445.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-1774\"\/><\/div><\/figure>\n\n\n\n<p>\u5728\u641c\u7d22\u680f\u641c\u7d22\u4f60\u9700\u8981\u7684<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-222742-1024x457.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  decoding=\"async\" data-original=\"https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-222742-1024x457.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-1777\"\/><\/div><\/figure>\n\n\n\n<p>\u641c\u7d22\u4f60\u60f3\u8981\uff0c\u70b9\u51fb\u591a\u8272\u56fe\u6807\uff0c\u7136\u540e\u70b9\u51fb\u7c7b\u4f3c\u8d2d\u7269\u8f66\u56fe\u6807<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-222840-1024x476.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  decoding=\"async\" data-original=\"https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-222840-1024x476.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-1779\"\/><\/div><\/figure>\n\n\n\n<p>\u6dfb\u52a0\u81f3\u4f60\u7684\u9879\u76ee<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-223000-1024x719.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  decoding=\"async\" data-original=\"https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-223000-1024x719.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-1783\"\/><\/div><\/figure>\n\n\n\n<p>\u70b9\u51fb\u8d44\u6e90\u7ba1\u7406\u2014\u2014\u6211\u7684\u56fe\u6807\u2014\u2014symbol(\u8fd9\u91cc\u4ecb\u7ecd\u5f15\u7528js\u7684\u6559\u7a0b)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-223120-1024x538.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  decoding=\"async\" data-original=\"https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-223120-1024x538.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-1786\"\/><\/div><\/figure>\n\n\n\n<p>\u590d\u5236\u6b64\u4ee3\u7801\uff0c\u8fdb\u5165argon\u4e3b\u9898\u7ba1\u7406\u540e\u53f0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-223249-1024x546.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  decoding=\"async\" data-original=\"https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-223249-1024x546.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-1789\"\/><\/div><\/figure>\n\n\n\n<p>\u9009\u62e9js\uff0c\u9009\u62e9\u9875\u811ajs<\/p>\n\n\n\n<p>\u52a0\u5165\u4ee5\u4e0b\u5185\u5bb9<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-223825-1-1024x500.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  decoding=\"async\" data-original=\"https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-223825-1-1024x500.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-1797\"\/><\/div><\/figure>\n\n\n\n<p>\u5177\u4f53\u5185\u5bb9\uff0c\u9996\u5148\u5f15\u5165js\uff0c\u4e0d\u540c\u9879\u76eejs\u4e0d\u540c<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script src=\"\u4f60\u7684js\u6587\u4ef6\">&lt;\/script><\/code><\/pre>\n\n\n\n<p>\u518d\u6b21\u5f15\u5165css\u6837\u5f0f\uff0c\u53ea\u8981\u5f15\u5165\u4e00\u6b21\uff0c\u4ee3\u8868\u5168\u5c40\u56fe\u6807\u5927\u5c0f<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;style type=\"text\/css\">\n    .icon {\n       width: 1em; height: 1em;          ##\u63a7\u5236\u56fe\u6807\u5927\u5c0f\n       vertical-align: -0.15em;\n       fill: currentColor;\n       overflow: hidden;\n    }\n&lt;\/style><\/code><\/pre>\n\n\n\n<p>\u5b9e\u73b0\u6837\u5f0f<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;svg class=\"icon\" aria-hidden=\"true\"> &lt;use xlink:href=\"#\u56fe\u6807\u6807\u7b7e\">&lt;\/use> &lt;\/svg><\/code><\/pre>\n\n\n\n<p>\u56fe\u6807\u6765\u6e90<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-224459-1024x360.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  decoding=\"async\" data-original=\"https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-224459-1024x360.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-1803\"\/><\/div><\/figure>\n\n\n\n<p>\u5217\u5982\uff0c\u6211\u5728\u5de6\u4fa7\u83dc\u5355\u680f\u5f15\u5165<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/image-1.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"649\" height=\"112\" data-original=\"https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/image-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-1805\"  sizes=\"auto, (max-width: 649px) 100vw, 649px\" \/><\/div><\/figure>\n\n\n\n<p>\u5b9e\u73b0\u6548\u679c<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-224648-1-1024x428.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  decoding=\"async\" data-original=\"https:\/\/www.chencuo.top\/wp-content\/uploads\/2024\/07\/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE-2024-08-31-224648-1-1024x428.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-1811\"\/><\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">banner\u4e0b\u65b9\u5c0f\u7bad\u5934\u6eda\u52a8\u6548\u679c<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u6253\u5f00&nbsp;<strong>\u5916\u89c2-&gt;\u4e3b\u9898\u6587\u4ef6\u7f16\u8f91\u5668<\/strong><\/li>\n\n\n\n<li>\u5728\u53f3\u4fa7&nbsp;<strong>\u4e3b\u9898\u6587\u4ef6<\/strong>&nbsp;\u5904\u627e\u5230&nbsp;<strong>header.php\u6587\u4ef6<\/strong><\/li>\n\n\n\n<li>\u5728\u7b2c&nbsp;<strong>439<\/strong>&nbsp;\u884c\u627e\u5230\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code> &lt;div class=\"cover-scroll-down\"&gt;<\/code><\/pre>\n\n\n\n<p>\u5728\u6b64\u6807\u7b7e\u5757\u4e2d\u6dfb\u52a0\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;i class=\"fa fa-angle-down\" aria-hidden=\"true\" id=\"pointer1\"&gt;&lt;\/i&gt;\n&lt;i class=\"fa fa-angle-down\" aria-hidden=\"true\" id=\"pointer2\"&gt;&lt;\/i&gt;\n&lt;i class=\"fa fa-angle-down\" aria-hidden=\"true\" id=\"pointer3\"&gt;&lt;\/i&gt;<\/code><\/pre>\n\n\n\n<p>\u81ea\u5b9a\u4e49<strong>-&gt;<\/strong>\u989d\u5916<strong>css<\/strong>&nbsp;\u6dfb\u52a0\u5982\u4e0b\u4ee3\u7801\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@keyframes up-down-move {\n0% {\nopacity:0;\ntransform:translate(-50%,-150px); \n}\n50% {\nopacity:1;\ntransform:translate(-50%,-130px); \n}\n100% {\nopacity:0;\ntransform:translate(-50%,-110px); \n}\n}\n \n.cover-scroll-down .fa-angle-down{\nfont-size: 3rem;\ntext-shadow: 0px 0px 8px #dc1111;\nposition:absolute;\ntransform: translate(-50%,-80px);\nopacity:0;\n}\n \n.cover-scroll-down #pointer1{\nanimation: up-down-move 3s linear infinite;\n \n}\n \n.cover-scroll-down #pointer2{\nanimation: up-down-move 3s 1s linear infinite;\n}\n \n.cover-scroll-down #pointer3{\nanimation: up-down-move 3s 2s linear infinite;\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u989d\u5916css<\/h2>\n\n\n\n<p>\u540e\u53f0\u5de6\u4fa7\u680f\u7684<code>\u5916\u89c2\u2014\u2014\u81ea\u5b9a\u4e49<\/code>\uff0c\u627e\u5230<code>\u989d\u5916CSS<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*=========\u5b57\u4f53\u8bbe\u7f6e============*\/\n \n\/*\u7f51\u7ad9\u5b57\u4f53*\/\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*\/\n@font-face{\n    font-family:btfFont;\n    src:\n    url(https:\/\/cdn.jsdelivr.net\/gh\/huangwb8\/bloghelper@latest\/fonts\/13.woff2) format('woff2')\n}\nbody{\n    font-family:\"btfFont\" !important\n}\n \n\/*\u8bbe\u7f6e\u52a0\u7c97\u5b57\u4f53\u989c\u8272*\/\nstrong {\n    \/*\u767d\u5929*\/\n    color: #A7727D;\n}\nhtml.darkmode strong {\n    \/*\u591c\u665a*\/\n    color: #FAAB78;\n}\n \n\/*\u8bf4\u8bf4\u9884\u89c8\u6a21\u5f0f\u7684\u4ee3\u7801\u5b57\u4f53\u989c\u8272*\/\npre {\n    \/*\u767d\u5929*\/\n    color: #A7727D;\n}\nhtml.darkmode pre {\n    \/*\u591c\u665a*\/\n    color: #FAAB78;\n}\n \n\/*\u6a2a\u5e45\u5b57\u4f53\u5927\u5c0f*\/\n.banner-title {\n  font-size: 2.5em;\n}\n.banner-subtitle{\n  font-size: 20px;\n}\n \n\/*\u6587\u7ae0\u6807\u9898\u5b57\u4f53\u5927\u5c0f*\/\n.post-title {\n    font-size: 30px\n}\n \n\/*\u6b63\u6587\u5b57\u4f53\u5927\u5c0f\uff08\u4e0d\u5305\u542b\u4ee3\u7801\uff09*\/\n.post-content p{\n    font-size: 1.25rem;\n}\nli{\n    font-size: 1.2rem;\n}\n \n\/*\u8bc4\u8bba\u533a\u5b57\u4f53\u5927\u5c0f*\/\np {\n    font-size: 1.2rem\n}\n \n\/*\u8bc4\u8bba\u53d1\u9001\u533a\u5b57\u4f53\u5927\u5c0f*\/\n.form-control{\n    font-size: 1.2rem\n}\n \n\/*\u8bc4\u8bba\u52fe\u9009\u9879\u76ee\u5b57\u4f53\u5927\u5c0f*\/\n.custom-checkbox .custom-control-input~.custom-control-label{\n    font-size: 1.2rem\n}\n\/*\u8bc4\u8bba\u533a\u4ee3\u7801\u7684\u5f3a\u8c03\u8272*\/\ncode {\n  color: rgba(var(--themecolor-rgbstr));\n}\n \n\/*\u8bf4\u8bf4\u5b57\u4f53\u5927\u5c0f\u548c\u989c\u8272\u8bbe\u7f6e*\/\n.shuoshuo-title {\n    font-size: 25px;\n\/*  color: rgba(var(--themecolor-rgbstr)); *\/\n}\n \n\/*\u5c3e\u6ce8\u5b57\u4f53\u5927\u5c0f*\/\n.additional-content-after-post{\n    font-size: 1.2rem\n}\n \n\/*========\u989c\u8272\u8bbe\u7f6e===========*\/\n \n\/*\u6587\u7ae0\u6216\u9875\u9762\u7684\u6b63\u6587\u989c\u8272*\/\nbody{\n    color:#364863\n}\n \n\/*\u5f15\u6587\u5c5e\u6027\u8bbe\u7f6e*\/\nblockquote {\n    \/*\u6dfb\u52a0\u5f31\u4e3b\u9898\u8272\u4e3a\u80cc\u666f\u8272*\/\n    background: rgba(var(--themecolor-rgbstr), 0.1) !important;\n    width: 100%\n}\n \n\/*\u5f15\u6587\u989c\u8272 \u5efa\u8bae\u7528\u4e3b\u9898\u8272*\/\n:root {\n    \/*\u4e5f\u53ef\u4ee5\u7528\u7c7b\u4f3c\u4e8e--color-border-on-foreground-deeper: #009688;\u8fd9\u6837\u7684\u547d\u4ee4*\/\n    --color-border-on-foreground-deeper: rgba(var(--themecolor-rgbstr));\n}\n \n\/*\u5de6\u4fa7\u83dc\u5355\u680f\u7a81\u51fa\u989c\u8272\u4fee\u6539*\/\n.leftbar-menu-item &gt; a:hover, .leftbar-menu-item.current &gt; a{\n    background-color: #f9f9f980;\n}\n \n\/*\u7ad9\u70b9\u6982\u89c8\u5206\u9694\u7ebf\u989c\u8272\u4fee\u6539*\/\n.site-state-item{\n    border-left: 1px solid #aaa;\n}\n.site-friend-links-title {\n    border-top: 1px dotted #aaa;\n}\n#leftbar_tab_tools ul li {\n    padding-top: 3px;\n    padding-bottom: 3px;\n    border-bottom:none;\n}\nhtml.darkmode #leftbar_tab_tools ul li {\n    border-bottom:none;\n}\n \n\/*\u5de6\u4fa7\u680f\u641c\u7d22\u6846\u7684\u989c\u8272*\/\nbutton#leftbar_search_container {\n    background-color: transparent;\n}\n \n\/*========\u900f\u660e\u8bbe\u7f6e===========*\/\n \n\/*\u767d\u5929\u5361\u7247\u80cc\u666f\u900f\u660e*\/\n.card{\n    background-color:rgba(255, 255, 255, 0.85) !important;\n    \/*backdrop-filter:blur(6px);*\/\/*\u6bdb\u73bb\u7483\u6548\u679c\u4e3b\u8981\u5c5e\u6027*\/\n    -webkit-backdrop-filter:blur(6px);\n}\n \n\/*\u5c0f\u5de5\u5177\u680f\u80cc\u666f\u5b8c\u5168\u900f\u660e*\/\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*\/\n.card .widget,.darkmode .card .widget,#post_content &gt; div &gt; div &gt; div.argon-timeline-card.card.bg-gradient-secondary.archive-timeline-title{\n    background-color:#ffffff00 !important;\n    backdrop-filter:none;\n    -webkit-backdrop-filter:none;\n}\n.emotion-keyboard,#fabtn_blog_settings_popup{\n    background-color:rgba(255, 255, 255, 0.95) !important;\n}\n \n\/*\u5206\u7c7b\u5361\u7247\u900f\u660e*\/\n.bg-gradient-secondary{\n    background:rgba(255, 255, 255, 0.1) !important;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter:blur(10px);\n}\n \n\/*\u591c\u95f4\u900f\u660e*\/\nhtml.darkmode.bg-white,html.darkmode .card,html.darkmode #footer{\n    background:rgba(66, 66, 66, 0.9) !important;\n}\nhtml.darkmode #fabtn_blog_settings_popup{\n    background:rgba(66, 66, 66, 0.95) !important;\n}\n \n\/*\u6807\u7b7e\u80cc\u666f\n.post-meta-detail-tag {\n    background:rgba(255, 255, 255, 0.5)!important;\n}*\/\n \n \n\/*========\u6392\u7248\u8bbe\u7f6e===========*\/\n \n\/*\u5de6\u4fa7\u680f\u5c42\u7ea7\u7f6e\u4e8e\u4e0a\u5c42*\/\n#leftbar_part1 {\n    z-index: 1;\n}\n \n\/*\u5206\u7c7b\u5361\u7247\u6587\u672c\u5c45\u4e2d*\/\n#content &gt; div.page-information-card-container &gt; div &gt; div{\n    text-align:center;\n}\n \n\/*\u5b50\u83dc\u5355\u5bf9\u9f50\u53ca\u6837\u5f0f\u8c03\u6574*\/\n.dropdown-menu .dropdown-item&gt;i{\n    width: 10px;\n}\n.dropdown-menu&gt;a {\n    color:var(--themecolor);\n}\n.dropdown-menu{\n    min-width:max-content;\n}\n.dropdown-menu .dropdown-item {\n    padding: .5rem 1.5rem 0.5rem 1rem;\n}\n.leftbar-menu-subitem{\n    min-width:max-content;\n}\n.leftbar-menu-subitem .leftbar-menu-item&gt;a{\n    padding: 0rem 1.5rem 0rem 1rem;\n}\n \n\/*\u5de6\u4fa7\u680f\u8fb9\u8ddd\u4fee\u6539*\/\n.tab-content{\n    padding:10px 0px 0px 0px !important;\n}\n.site-author-links{\n    padding:0px 0px 0px 10px ;\n}\n\/*\u76ee\u5f55\u4f4d\u7f6e\u504f\u79fb\u4fee\u6539*\/\n#leftbar_catalog{\n    margin-left: 0px;\n}\n\/*\u76ee\u5f55\u6761\u76ee\u8fb9\u8ddd\u4fee\u6539*\/\n#leftbar_catalog .index-link{\n    padding: 4px 4px 4px 4px;\n}\n\/*\u5de6\u4fa7\u680f\u5c0f\u5de5\u5177\u680f\u5b57\u4f53\u7f29\u5c0f*\/\n#leftbar_tab_tools{\n    font-size: 14px;\n}\n \n\/*\u6b63\u6587\u56fe\u7247\u8fb9\u8ddd\u4fee\u6539*\/\narticle figure {margin:0;}\n\/*\u6b63\u6587\u56fe\u7247\u5c45\u4e2d\u663e\u793a*\/\n.fancybox-wrapper {\n    margin: auto;\n}\n\/*\u6b63\u6587\u8868\u683c\u6837\u5f0f\u4fee\u6539*\/\narticle table &gt; tbody &gt; tr &gt; td,\narticle table &gt; tbody &gt; tr &gt; th,\narticle table &gt; tfoot &gt; tr &gt; td,\narticle table &gt; tfoot &gt; tr &gt; th,\narticle table &gt; thead &gt; tr &gt; td,\narticle table &gt; thead &gt; tr &gt; th{\n    padding: 8px 10px;\n    border: 1px solid;\n}\n\/*\u8868\u683c\u5c45\u4e2d\u6837\u5f0f*\/\n.wp-block-table.aligncenter{margin:10px auto;}\n \n\/*\u56de\u9876\u56fe\u6807\u653e\u5927*\/\nbutton#fabtn_back_to_top, button#fabtn_go_to_comment, button#fabtn_toggle_blog_settings_popup, button#fabtn_toggle_sides, button#fabtn_open_sidebar{\n    font-size: 1.2rem;\n}\n \n\/*\u9876\u680f\u83dc\u5355*\/\n\/*\u8fd9\u91cc\u4e5f\u53ef\u4ee5\u8bbe\u7f6e\u521a\u521a\u6211\u4eec\u8bbe\u7f6e\u7684btfFont\u5b57\u4f53\u3002\u8bd5\u8bd5\u770b\uff01*\/\n.navbar-nav .nav-link {\n    font-size: 1.2rem;\n    font-family: 'btfFont';\n}\n.nav-link-inner--text {\n    \/*\u9876\u680f\u83dc\u5355\u5b57\u4f53\u5927\u5c0f*\/\n    font-size: 1.2rem;\n}\n.navbar-nav .nav-item {\n    margin-right:0;\n}\n.mr-lg-5, .mx-lg-5 {\n    margin-right:1rem !important;\n}\n.navbar-toggler-icon {\n    width: 1.5rem;\n    height: 1.5rem;\n}\n.navbar-expand-lg .navbar-nav .nav-link {\n    padding-right: 0.9rem;\n    padding-left: 1rem;\n}\n \n\/*\u9876\u680f\u56fe\u6807*\/\n.navbar-brand {\n    font-family: 'Noto Serif SC',serif;\n    font-size: 1.25rem;\n    \/*\u9876\u680f\u56fe\u6807\u8fb9\u754c\u5fae\u8c03*\/\n    margin-right: 0rem; \/*\u5de6\u53f3\u504f\u79fb*\/\n    padding-bottom: 0.3rem;\n}\n.navbar-brand img { \n  \/* \u56fe\u7247\u9ad8\u5ea6*\/\n    height: 24px;\n}\n \n\/*\u9690\u85cfwp-SEO\u63d2\u4ef6\u5e26\u6765\u7684\u7ebf\u6761\u9634\u5f71\uff08\u4e0d\u4e00\u5b9a\u8981\u88c5\uff09*\/\n*&#91;style='position: relative; z-index: 99998;'] {\n    display: none;\n}\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u8bc4\u8bba\u5934\u50cf\u663e\u793a<\/h2>\n\n\n\n<p>\u5728&nbsp;<code>\u5916\u89c2<\/code>&nbsp;\u2014&nbsp;<code>\u4e3b\u9898\u6587\u4ef6\u7f16\u8f91\u5668<\/code>&nbsp;\u4e2d\u7684&nbsp;<code>function<\/code>&nbsp;\u6a21\u677f\u51fd\u6570\u6dfb\u52a0\u6b64\u4ee3\u7801<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>if ( ! function_exists( 'get_cravatar_url' ) ) {\n    \/**\n    *  \u628aGravatar\u5934\u50cf\u670d\u52a1\u66ff\u6362\u4e3aCravatar\n    * @param string $url\n    * @return string\n    *\/\n    function get_cravatar_url( $url ) {\n        $sources = array(\n            'www.gravatar.com',\n            '0.gravatar.com',\n            '1.gravatar.com',\n            '2.gravatar.com',\n            'secure.gravatar.com',\n            'cn.gravatar.com'\n        );\n        return str_replace( $sources, 'cravatar.cn', $url );\n    }\n    add_filter( 'um_user_avatar_url_filter', 'get_cravatar_url', 1 );\n    add_filter( 'bp_gravatar_url', 'get_cravatar_url', 1 );\n    add_filter( 'get_avatar_url', 'get_cravatar_url', 1 );\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u76f8\u5173\u5927\u4f6c\u94fe\u63a5<\/h2>\n\n\n\n<p><a href=\"https:\/\/www.liveout.cn\/25\/\">Argon\u4e3b\u9898\u535a\u5ba2\u7f8e\u5316 \u2013 Echo\u5c0f\u7a9d (liveout.cn)<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/blognas.hwb0307.com\/linux\/docker\/744#comment-918\">https:\/\/blognas.hwb0307.com\/linux\/docker\/744#comment-918<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u4e3b\u9898\u4f5c\u8005\u94fe\u63a5<\/h2>\n\n\n\n<p><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><strong>Argon \u4e3b\u9898\u4f7f\u7528\u6587\u6863<\/strong>\uff1a<a href=\"https:\/\/argon-docs.solstice23.top\/#\/\">Argon Theme Docs (solstice23.top)<\/a><\/p>\n\n\n\n<p><strong>\u56fe\u6807\u5730\u5740<\/strong>\uff1a<a href=\"https:\/\/fontawesome.com\/v4\/icons\/\">Font Awesome Icons<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u5173\u4e8e<\/h2>\n\n\n\n<p>\u8be5\u7f8e\u5316\u96c6\u5408\u5404\u4f4d\u5927\u4f6c\u4e4b\u4f5c\u800c\u6210\uff0c\u4e5f\u4e0d\u53ea\u5c40\u9650\u4e8eargon\u4e3b\u9898\u3002<\/p>\n\n\n\n<p>\u672c\u7f8e\u5316\u575a\u6301\u5747\u91c7\u7528<a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/4.0\/\" target=\"_blank\" rel=\"noreferrer noopener\">&nbsp;CC BY-NC-SA 4.0<\/a>\u534f\u8bae\uff0c\u5f00\u6e90\u5185\u5bb9\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5e74\u5ea6\u5012\u8ba1\u65f6\u663e\u793a (\u5de6\u4fa7\u680f) \u65b9\u6cd5\uff1a \u540e\u53f0\u4e3b\u9875\uff0c\u70b9\u51fb\u5916\u89c2\uff0c\u9009\u62e9\u5de6\u4fa7\u680f\u91cc\u6dfb\u52a0\u5de5\u5177 \u2014\u2014 \u7b80\u7801\uff0c\u590d\u5236\u4ee5\u4e0b\u4ee3\u7801\u7c98\u8d34\u8fdb\u53bb [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":473,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,14],"tags":[34],"class_list":["post-279","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-9","category-14","tag-34"],"_links":{"self":[{"href":"https:\/\/www.chencuo.top\/index.php?rest_route=\/wp\/v2\/posts\/279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chencuo.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.chencuo.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.chencuo.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chencuo.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=279"}],"version-history":[{"count":0,"href":"https:\/\/www.chencuo.top\/index.php?rest_route=\/wp\/v2\/posts\/279\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.chencuo.top\/index.php?rest_route=\/wp\/v2\/media\/473"}],"wp:attachment":[{"href":"https:\/\/www.chencuo.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=279"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.chencuo.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=279"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.chencuo.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}