<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet type="text/xsl" href="rss.xsl"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
    <channel>
        <title>终极耗子 Blog</title>
        <link>https://coderofrat.github.io/SunnyRatArea/blog</link>
        <description>终极耗子 Blog</description>
        <lastBuildDate>Wed, 27 Sep 2023 00:00:00 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <language>zh-Hans</language>
        <item>
            <title><![CDATA[windows服务注册及卸载]]></title>
            <link>https://coderofrat.github.io/SunnyRatArea/blog/2023/09/27/windows服务注册及卸载</link>
            <guid>https://coderofrat.github.io/SunnyRatArea/blog/2023/09/27/windows服务注册及卸载</guid>
            <pubDate>Wed, 27 Sep 2023 00:00:00 GMT</pubDate>
            <description><![CDATA[windows服务注册及卸载]]></description>
            <content:encoded><![CDATA[<h3 class="anchor anchorWithStickyNavbar_LWe7" id="windows服务注册及卸载">windows服务注册及卸载<a href="https://coderofrat.github.io/SunnyRatArea/blog/2023/09/27/windows%E6%9C%8D%E5%8A%A1%E6%B3%A8%E5%86%8C%E5%8F%8A%E5%8D%B8%E8%BD%BD#windows%E6%9C%8D%E5%8A%A1%E6%B3%A8%E5%86%8C%E5%8F%8A%E5%8D%B8%E8%BD%BD" class="hash-link" aria-label="windows服务注册及卸载的直接链接" title="windows服务注册及卸载的直接链接">​</a></h3>
<p>之前为了学习，将nexus注册为开机服务启动项，方便开机后即可开启管理nexus仓库。
由于已经完成实操演练，本机无需负载此服务，且仓库Blob占用体积愈来愈大，小小500G硬盘，难堪重负，
时至今日，终于忍不住想关掉它。记录下关闭脚本，系统服务关闭也可参考。</p>
<p>上图一张：</p>
<p><img decoding="async" loading="lazy" alt="shell" src="https://coderofrat.github.io/SunnyRatArea/assets/images/2023-09-27_180509-61d2d201168cc4c317842fdc4ac13a0b.png" width="2240" height="1328" class="img_ev3q"></p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[如何获取上个月或者下个月]]></title>
            <link>https://coderofrat.github.io/SunnyRatArea/blog/2023/08/05/如何获取上个月或者下个月</link>
            <guid>https://coderofrat.github.io/SunnyRatArea/blog/2023/08/05/如何获取上个月或者下个月</guid>
            <pubDate>Sat, 05 Aug 2023 00:00:00 GMT</pubDate>
            <content:encoded><![CDATA[<div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token keyword" style="color:#00009f">let</span><span class="token plain"> date </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">new</span><span class="token plain"> </span><span class="token class-name">Date</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">let</span><span class="token plain"> currentY </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> date</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getFullYear</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">let</span><span class="token plain"> currentM </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> date</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getMonth</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">+</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">1</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">10</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token template-string template-punctuation string" style="color:#e3116c">`</span><span class="token template-string string" style="color:#e3116c">0</span><span class="token template-string interpolation interpolation-punctuation punctuation" style="color:#393A34">${</span><span class="token template-string interpolation">date</span><span class="token template-string interpolation punctuation" style="color:#393A34">.</span><span class="token template-string interpolation method function property-access" style="color:#d73a49">getMonth</span><span class="token template-string interpolation punctuation" style="color:#393A34">(</span><span class="token template-string interpolation punctuation" style="color:#393A34">)</span><span class="token template-string interpolation"> </span><span class="token template-string interpolation operator" style="color:#393A34">+</span><span class="token template-string interpolation"> </span><span class="token template-string interpolation number" style="color:#36acaa">1</span><span class="token template-string interpolation interpolation-punctuation punctuation" style="color:#393A34">}</span><span class="token template-string template-punctuation string" style="color:#e3116c">`</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">dategetMonth</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">+</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">let</span><span class="token plain"> currentDateRorMonth </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">new</span><span class="token plain"> </span><span class="token class-name">Date</span><span class="token punctuation" style="color:#393A34">(</span><span class="token template-string template-punctuation string" style="color:#e3116c">`</span><span class="token template-string string" style="color:#e3116c">$(currenty)-$currentM}</span><span class="token template-string template-punctuation string" style="color:#e3116c">`</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">let</span><span class="token plain"> next </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">new</span><span class="token plain"> </span><span class="token class-name">Date</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">currentDateRorMonth</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">setMonth</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">currentDateRorMonth</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getMonth</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">-</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> y </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> next</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getFullYear</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">let</span><span class="token plain"> </span><span class="token constant" style="color:#36acaa">M</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">nextgetMonth</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">+</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token constant" style="color:#36acaa">M</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token constant" style="color:#36acaa">M</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">10</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token constant" style="color:#36acaa">O</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token constant" style="color:#36acaa">M</span><span class="token punctuation" style="color:#393A34">}</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token constant" style="color:#36acaa">M</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> $</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">y</span><span class="token punctuation" style="color:#393A34">}</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token constant" style="color:#36acaa">M</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="复制代码到剪贴板" title="复制" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[如何在二次请求时取消上次请求]]></title>
            <link>https://coderofrat.github.io/SunnyRatArea/blog/2023/08/01/如何在二次请求时取消上次请求</link>
            <guid>https://coderofrat.github.io/SunnyRatArea/blog/2023/08/01/如何在二次请求时取消上次请求</guid>
            <pubDate>Tue, 01 Aug 2023 00:00:00 GMT</pubDate>
            <description><![CDATA[}}>]]></description>
            <content:encoded><![CDATA[<p>This is <span style="background-color:#25c2a0;border-radius:20px;color:#fff;padding:10px;cursor:pointer">Docusaurus green</span> !</p>
<p>This is <span style="background-color:#1877F2;border-radius:20px;color:#fff;padding:10px;cursor:pointer">Facebook blue</span> !</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[正则表达式(Regular Expression)]]></title>
            <link>https://coderofrat.github.io/SunnyRatArea/blog/2023/06/05/正则表达式</link>
            <guid>https://coderofrat.github.io/SunnyRatArea/blog/2023/06/05/正则表达式</guid>
            <pubDate>Mon, 05 Jun 2023 00:00:00 GMT</pubDate>
            <description><![CDATA[正则表达式(Regular Expression)]]></description>
            <content:encoded><![CDATA[<h2 class="anchor anchorWithStickyNavbar_LWe7" id="正则表达式regular-expression">正则表达式(Regular Expression)<a href="https://coderofrat.github.io/SunnyRatArea/blog/2023/06/05/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F#%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8Fregular-expression" class="hash-link" aria-label="正则表达式(Regular Expression)的直接链接" title="正则表达式(Regular Expression)的直�接链接">​</a></h2>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="一正则表达式是什么">一、正则表达式是什么？<a href="https://coderofrat.github.io/SunnyRatArea/blog/2023/06/05/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F#%E4%B8%80%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F%E6%98%AF%E4%BB%80%E4%B9%88" class="hash-link" aria-label="一、正则表达式是什么？的直接链接" title="一、正则表达式是什么？的直接链接">​</a></h3>
<p>匹配想要的东西
为什么使用正则表达式：可以
1.测试字符串内的模式
2.替换文本
3.基于模式匹配从字符串中提取字符串</p>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="二正则表达式的创建">二、.正则表达式的创建<a href="https://coderofrat.github.io/SunnyRatArea/blog/2023/06/05/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F#%E4%BA%8C%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F%E7%9A%84%E5%88%9B%E5%BB%BA" class="hash-link" aria-label="二、.正则表达式的创建的直接链接" title="二、.正则表达式的创建的直接链接">​</a></h3>
<p>语法：
var  reg=/内容/修饰词</p>
<p>var  reg=new RegExp（pattern，modifiers）</p>
<p>pattern：模式
modifiers：修饰词</p>
<p>方法：
test（）
验证字符串是否满足正则表达式</p>
<p>exec（）</p>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="三字符串的方法">三、字符串的方法<a href="https://coderofrat.github.io/SunnyRatArea/blog/2023/06/05/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F#%E4%B8%89%E5%AD%97%E7%AC%A6%E4%B8%B2%E7%9A%84%E6%96%B9%E6%B3%95" class="hash-link" aria-label="三、字符串的方法的直接链接" title="三、字符串的方法的直接链接">​</a></h3>
<p>search（/haha/）
根据正则表达式进行查找</p>
<p>replace（/haha/，“hehe”）
根据正则表达式进行查找替换</p>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="四正则语法规则">四、正则语法规则<a href="https://coderofrat.github.io/SunnyRatArea/blog/2023/06/05/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F#%E5%9B%9B%E6%AD%A3%E5%88%99%E8%AF%AD%E6%B3%95%E8%A7%84%E5%88%99" class="hash-link" aria-label="四、正则语法规则的直接链接" title="四、正则语法规则的直接链接">​</a></h3>
<p>修饰词</p>
<p>i     ignore      匹配时忽略大小写</p>
<p>g     global      全局验证</p>
<p>m                 验证多行</p>
<p>匹配模式</p>
<p>小括号（）</p>
<p>（abc）                        查找abc这个单词</p>
<p>（abc|bcd|def）            查找这三个单词其中的一个</p>
<p>中括号[]</p>
<p>[ 12345]                          包括12345其中的某一个</p>
<p>[abc]                包括abc其中的某一个</p>
<p>[0-9]  包括所有数字</p>
<p>[a-z]  包括所有小写字母</p>
<p>[A-Z]  包括所有大写字母</p>
<p>[A-z]  包括所有字母，Z-a之间包含一些特殊字符</p>
<p>元字符</p>
<p>.
表示所有的字符，想要验证”."用反斜杠\进行转义</p>
<p>\d
任何数字</p>
<p>\D
任何非数字</p>
<p>\s
空白字符</p>
<p>\S
非空白字符</p>
<p>\w
任何字母，数字，下划线</p>
<p>\W
任何非字母，数字，下划线</p>
<p>量词</p>
<p>^n
匹配开头为n的字符串</p>
<p>n$
匹配结尾为n的字符串</p>
<p>n+
匹配一个或多个</p>
<p>n(x)
匹配任何包含x个n的字符串</p>
<p>n(x,y)
匹配任何包含x到n的字符串</p>
<p>n(x,)
匹配至少有x个指定字符</p>
<p>n?
表示有0个或一个指定字符</p>
<p>n*
表示有0个或多个指定字符</p>
<p><strong>例:</strong></p>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id="1验证手机号">1.验证手机号<a href="https://coderofrat.github.io/SunnyRatArea/blog/2023/06/05/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F#1%E9%AA%8C%E8%AF%81%E6%89%8B%E6%9C%BA%E5%8F%B7" class="hash-link" aria-label="1.验证手机号的直接链接" title="1.验证手机号的直接链接">​</a></h4>
<p>以1开头,判断第二位可以是3,5,6,7,8,9后面是9位数字</p>
<div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">btn1</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method-variable function-variable method function property-access" style="color:#d73a49">onclick</span><span class="token operator" style="color:#393A34">=</span><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> reg1</span><span class="token operator" style="color:#393A34">=</span><span class="token regex regex-delimiter" style="color:#36acaa">/</span><span class="token regex regex-source language-regex anchor function" style="color:#d73a49">^</span><span class="token regex regex-source language-regex" style="color:#36acaa">1</span><span class="token regex regex-source language-regex char-class char-class-punctuation punctuation" style="color:#393A34">[</span><span class="token regex regex-source language-regex char-class" style="color:#36acaa">356789</span><span class="token regex regex-source language-regex char-class char-class-punctuation punctuation" style="color:#393A34">]</span><span class="token regex regex-source language-regex char-set class-name" style="color:#36acaa">\d</span><span class="token regex regex-source language-regex quantifier number" style="color:#36acaa">{9}</span><span class="token regex regex-source language-regex anchor function" style="color:#d73a49">$</span><span class="token regex regex-delimiter" style="color:#36acaa">/</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> str1</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">ipt1</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">reg1</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">test</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">str1</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">                </span><span class="token function" style="color:#d73a49">alert</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">'成功'</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token punctuation" style="color:#393A34">}</span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">                </span><span class="token function" style="color:#d73a49">alert</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">'不成'</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token punctuation" style="color:#393A34">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="复制代码到剪贴板" title="复制" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id="2正则验证密码">2.正则验证密码<a href="https://coderofrat.github.io/SunnyRatArea/blog/2023/06/05/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F#2%E6%AD%A3%E5%88%99%E9%AA%8C%E8%AF%81%E5%AF%86%E7%A0%81" class="hash-link" aria-label="2.正则验证密码的直接链接" title="2.正则验证密码的直接链接">​</a></h4>
<p>第一个字符是大写字母，最短8位，要求包括字母，数字</p>
<div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">btn2</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method-variable function-variable method function property-access" style="color:#d73a49">onclick</span><span class="token operator" style="color:#393A34">=</span><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> reg2</span><span class="token operator" style="color:#393A34">=</span><span class="token regex regex-delimiter" style="color:#36acaa">/</span><span class="token regex regex-source language-regex anchor function" style="color:#d73a49">^</span><span class="token regex regex-source language-regex char-class char-class-punctuation punctuation" style="color:#393A34">[</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">A</span><span class="token regex regex-source language-regex char-class range range-punctuation operator" style="color:#393A34">-</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">Z</span><span class="token regex regex-source language-regex char-class char-class-punctuation punctuation" style="color:#393A34">]</span><span class="token regex regex-source language-regex char-class char-class-punctuation punctuation" style="color:#393A34">[</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">a</span><span class="token regex regex-source language-regex char-class range range-punctuation operator" style="color:#393A34">-</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">z</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">A</span><span class="token regex regex-source language-regex char-class range range-punctuation operator" style="color:#393A34">-</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">Z</span><span class="token regex regex-source language-regex char-class char-set class-name" style="color:#36acaa">\d</span><span class="token regex regex-source language-regex char-class char-class-punctuation punctuation" style="color:#393A34">]</span><span class="token regex regex-source language-regex quantifier number" style="color:#36acaa">{7,}</span><span class="token regex regex-source language-regex anchor function" style="color:#d73a49">$</span><span class="token regex regex-delimiter" style="color:#36acaa">/</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> str2</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">ipt2</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">reg2</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">test</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">str2</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">                </span><span class="token function" style="color:#d73a49">alert</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">'成功'</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token punctuation" style="color:#393A34">}</span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">                </span><span class="token function" style="color:#d73a49">alert</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">'不成'</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token punctuation" style="color:#393A34">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="复制代码到剪贴板" title="复制" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id="3正则验证邮箱">3.正则验证邮箱<a href="https://coderofrat.github.io/SunnyRatArea/blog/2023/06/05/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F#3%E6%AD%A3%E5%88%99%E9%AA%8C%E8%AF%81%E9%82%AE%E7%AE%B1" class="hash-link" aria-label="3.正则验证邮箱的直接链接" title="3.正则验证邮箱的直接链接">​</a></h4>
<p>邮箱的名字是\w    中间@符号       @符号后面是数字或者字母        后面.com</p>
<div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">btn3</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method-variable function-variable method function property-access" style="color:#d73a49">onclick</span><span class="token operator" style="color:#393A34">=</span><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> reg3</span><span class="token operator" style="color:#393A34">=</span><span class="token regex regex-delimiter" style="color:#36acaa">/</span><span class="token regex regex-source language-regex anchor function" style="color:#d73a49">^</span><span class="token regex regex-source language-regex char-set class-name" style="color:#36acaa">\w</span><span class="token regex regex-source language-regex quantifier number" style="color:#36acaa">+</span><span class="token regex regex-source language-regex" style="color:#36acaa">@</span><span class="token regex regex-source language-regex char-class char-class-punctuation punctuation" style="color:#393A34">[</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">0</span><span class="token regex regex-source language-regex char-class range range-punctuation operator" style="color:#393A34">-</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">9</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">a</span><span class="token regex regex-source language-regex char-class range range-punctuation operator" style="color:#393A34">-</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">z</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">A</span><span class="token regex regex-source language-regex char-class range range-punctuation operator" style="color:#393A34">-</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">Z</span><span class="token regex regex-source language-regex char-class char-class-punctuation punctuation" style="color:#393A34">]</span><span class="token regex regex-source language-regex quantifier number" style="color:#36acaa">+</span><span class="token regex regex-source language-regex group punctuation" style="color:#393A34">(</span><span class="token regex regex-source language-regex special-escape escape" style="color:#36acaa">\.</span><span class="token regex regex-source language-regex" style="color:#36acaa">com</span><span class="token regex regex-source language-regex group punctuation" style="color:#393A34">)</span><span class="token regex regex-source language-regex anchor function" style="color:#d73a49">$</span><span class="token regex regex-delimiter" style="color:#36acaa">/</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> str3</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">ipt3</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">reg3</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">test</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">str3</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">                </span><span class="token function" style="color:#d73a49">alert</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">'成功'</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token punctuation" style="color:#393A34">}</span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">                </span><span class="token function" style="color:#d73a49">alert</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">'不成'</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token punctuation" style="color:#393A34">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="复制代码到剪贴板" title="复制" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id="4正则验证身份证号">4.正则验证身份证号<a href="https://coderofrat.github.io/SunnyRatArea/blog/2023/06/05/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F#4%E6%AD%A3%E5%88%99%E9%AA%8C%E8%AF%81%E8%BA%AB%E4%BB%BD%E8%AF%81%E5%8F%B7" class="hash-link" aria-label="4.正则验证身份证号的直接链接" title="4.正则验证身份证号的直接链接">​</a></h4>
<div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">btn4</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method-variable function-variable method function property-access" style="color:#d73a49">onclick</span><span class="token operator" style="color:#393A34">=</span><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> reg4</span><span class="token operator" style="color:#393A34">=</span><span class="token regex regex-delimiter" style="color:#36acaa">/</span><span class="token regex regex-source language-regex anchor function" style="color:#d73a49">^</span><span class="token regex regex-source language-regex char-set class-name" style="color:#36acaa">\d</span><span class="token regex regex-source language-regex quantifier number" style="color:#36acaa">{6}</span><span class="token regex regex-source language-regex group punctuation" style="color:#393A34">(</span><span class="token regex regex-source language-regex" style="color:#36acaa">19</span><span class="token regex regex-source language-regex alternation keyword" style="color:#00009f">|</span><span class="token regex regex-source language-regex" style="color:#36acaa">20</span><span class="token regex regex-source language-regex group punctuation" style="color:#393A34">)</span><span class="token regex regex-source language-regex char-set class-name" style="color:#36acaa">\d</span><span class="token regex regex-source language-regex quantifier number" style="color:#36acaa">{2}</span><span class="token regex regex-source language-regex group punctuation" style="color:#393A34">(</span><span class="token regex regex-source language-regex" style="color:#36acaa">0</span><span class="token regex regex-source language-regex alternation keyword" style="color:#00009f">|</span><span class="token regex regex-source language-regex" style="color:#36acaa">1</span><span class="token regex regex-source language-regex group punctuation" style="color:#393A34">)</span><span class="token regex regex-source language-regex char-set class-name" style="color:#36acaa">\d</span><span class="token regex regex-source language-regex group punctuation" style="color:#393A34">(</span><span class="token regex regex-source language-regex" style="color:#36acaa">0</span><span class="token regex regex-source language-regex alternation keyword" style="color:#00009f">|</span><span class="token regex regex-source language-regex" style="color:#36acaa">1</span><span class="token regex regex-source language-regex alternation keyword" style="color:#00009f">|</span><span class="token regex regex-source language-regex" style="color:#36acaa">2</span><span class="token regex regex-source language-regex alternation keyword" style="color:#00009f">|</span><span class="token regex regex-source language-regex" style="color:#36acaa">3</span><span class="token regex regex-source language-regex group punctuation" style="color:#393A34">)</span><span class="token regex regex-source language-regex char-set class-name" style="color:#36acaa">\d</span><span class="token regex regex-source language-regex quantifier number" style="color:#36acaa">{4}</span><span class="token regex regex-source language-regex group punctuation" style="color:#393A34">(</span><span class="token regex regex-source language-regex char-set class-name" style="color:#36acaa">\d</span><span class="token regex regex-source language-regex alternation keyword" style="color:#00009f">|</span><span class="token regex regex-source language-regex" style="color:#36acaa">X</span><span class="token regex regex-source language-regex group punctuation" style="color:#393A34">)</span><span class="token regex regex-source language-regex anchor function" style="color:#d73a49">$</span><span class="token regex regex-delimiter" style="color:#36acaa">/</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> str4</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">ipt4</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">reg4</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">test</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">str4</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">                </span><span class="token function" style="color:#d73a49">alert</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">'成功'</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token punctuation" style="color:#393A34">}</span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">                </span><span class="token function" style="color:#d73a49">alert</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">'不成'</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token punctuation" style="color:#393A34">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="复制代码到剪贴板" title="复制" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<h4 class="anchor anchorWithStickyNavbar_LWe7" id="5能够匹配go-go和abc-abc但不能匹配go-abc的正则">5.能够匹配“go go”和“abc abc”但不能匹配“go abc”的正则<a href="https://coderofrat.github.io/SunnyRatArea/blog/2023/06/05/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F#5%E8%83%BD%E5%A4%9F%E5%8C%B9%E9%85%8Dgo-go%E5%92%8Cabc-abc%E4%BD%86%E4%B8%8D%E8%83%BD%E5%8C%B9%E9%85%8Dgo-abc%E7%9A%84%E6%AD%A3%E5%88%99" class="hash-link" aria-label="5.能够匹配“go go”和“abc abc”但不能匹配“go abc”的正则的直接链接" title="5.能够匹配“go go”和“abc abc”但不能匹配“go abc”的正则的直接链接">​</a></h4>
<div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">btn5</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method-variable function-variable method function property-access" style="color:#d73a49">onclick</span><span class="token operator" style="color:#393A34">=</span><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> reg5</span><span class="token operator" style="color:#393A34">=</span><span class="token regex regex-delimiter" style="color:#36acaa">/</span><span class="token regex regex-source language-regex group punctuation" style="color:#393A34">(</span><span class="token regex regex-source language-regex anchor function" style="color:#d73a49">^</span><span class="token regex regex-source language-regex char-set class-name" style="color:#36acaa">\w</span><span class="token regex regex-source language-regex quantifier number" style="color:#36acaa">{2}</span><span class="token regex regex-source language-regex char-set class-name" style="color:#36acaa">\s</span><span class="token regex regex-source language-regex char-set class-name" style="color:#36acaa">\w</span><span class="token regex regex-source language-regex quantifier number" style="color:#36acaa">{2}</span><span class="token regex regex-source language-regex anchor function" style="color:#d73a49">$</span><span class="token regex regex-source language-regex group punctuation" style="color:#393A34">)</span><span class="token regex regex-source language-regex alternation keyword" style="color:#00009f">|</span><span class="token regex regex-source language-regex group punctuation" style="color:#393A34">(</span><span class="token regex regex-source language-regex anchor function" style="color:#d73a49">^</span><span class="token regex regex-source language-regex char-set class-name" style="color:#36acaa">\w</span><span class="token regex regex-source language-regex quantifier number" style="color:#36acaa">{3}</span><span class="token regex regex-source language-regex char-set class-name" style="color:#36acaa">\s</span><span class="token regex regex-source language-regex char-set class-name" style="color:#36acaa">\w</span><span class="token regex regex-source language-regex quantifier number" style="color:#36acaa">{3}</span><span class="token regex regex-source language-regex anchor function" style="color:#d73a49">$</span><span class="token regex regex-source language-regex group punctuation" style="color:#393A34">)</span><span class="token regex regex-delimiter" style="color:#36acaa">/</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> str5</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">ipt5</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">reg5</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">test</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">str5</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">                </span><span class="token function" style="color:#d73a49">alert</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">'成功'</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token punctuation" style="color:#393A34">}</span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">                </span><span class="token function" style="color:#d73a49">alert</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">'不成'</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token punctuation" style="color:#393A34">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="复制代码到剪贴板" title="复制" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>]]></content:encoded>
            <category>正则表达式</category>
        </item>
        <item>
            <title><![CDATA[Docusaurus 网站部署方案]]></title>
            <link>https://coderofrat.github.io/SunnyRatArea/blog/2023/04/01/Docusaurus 网站部署方案</link>
            <guid>https://coderofrat.github.io/SunnyRatArea/blog/2023/04/01/Docusaurus 网站部署方案</guid>
            <pubDate>Sat, 01 Apr 2023 00:00:00 GMT</pubDate>
            <description><![CDATA[方案1 访问官网，根据部署文档进行部署]]></description>
            <content:encoded><![CDATA[<h2 class="anchor anchorWithStickyNavbar_LWe7" id="方案1-访问官网根据部署文档进行部署">方案1 访问官网，根据部署文档进行部署<a href="https://coderofrat.github.io/SunnyRatArea/blog/2023/04/01/Docusaurus%20%E7%BD%91%E7%AB%99%E9%83%A8%E7%BD%B2%E6%96%B9%E6%A1%88#%E6%96%B9%E6%A1%881-%E8%AE%BF%E9%97%AE%E5%AE%98%E7%BD%91%E6%A0%B9%E6%8D%AE%E9%83%A8%E7%BD%B2%E6%96%87%E6%A1%A3%E8%BF%9B%E8%A1%8C%E9%83%A8%E7%BD%B2" class="hash-link" aria-label="方案1 访问官网，根据部署文档进行部署��的直接链接" title="方案1 访问官网，根据部署文档进行部署的直接链接">​</a></h2>
<p><a href="https://docusaurus.io/" target="_blank" rel="noopener noreferrer">Docusaurus 官网</a></p>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="方案2-跟随此篇博客按步骤部署">方案2 跟随此篇博客，按步骤部署<a href="https://coderofrat.github.io/SunnyRatArea/blog/2023/04/01/Docusaurus%20%E7%BD%91%E7%AB%99%E9%83%A8%E7%BD%B2%E6%96%B9%E6%A1%88#%E6%96%B9%E6%A1%882-%E8%B7%9F%E9%9A%8F%E6%AD%A4%E7%AF%87%E5%8D%9A%E5%AE%A2%E6%8C%89%E6%AD%A5%E9%AA%A4%E9%83%A8%E7%BD%B2" class="hash-link" aria-label="方案2 跟随此篇博客，按步骤部署的直接链接" title="方案2 跟随此篇博客，按步骤部署的直接链接">​</a></h2>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="第一步环境准备">第一步：环境准备<a href="https://coderofrat.github.io/SunnyRatArea/blog/2023/04/01/Docusaurus%20%E7%BD%91%E7%AB%99%E9%83%A8%E7%BD%B2%E6%96%B9%E6%A1%88#%E7%AC%AC%E4%B8%80%E6%AD%A5%E7%8E%AF%E5%A2%83%E5%87%86%E5%A4%87" class="hash-link" aria-label="第一步：环境准备的直接链接" title="第一步：环境准备的直接链接">​</a></h3>
<ol>
<li>NodeJs版本：16.14.0以上<br></li>
<li>执行如下命令，构建支持编写typescript组件的网站经典模板</li>
</ol>
<div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">npx create-docusaurus@latest my-website classic --typescript</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="复制代码到剪贴板" title="复制" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ol start="3">
<li>本地预览</li>
</ol>
<div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">npm [run] start | yarn start</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="复制代码到剪贴板" title="复制" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ol start="4">
<li>需要安装git，保证已经设置好自己的git账号信息</li>
</ol>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="第二步配置">第二步：配置<a href="https://coderofrat.github.io/SunnyRatArea/blog/2023/04/01/Docusaurus%20%E7%BD%91%E7%AB%99%E9%83%A8%E7%BD%B2%E6%96%B9%E6%A1%88#%E7%AC%AC%E4%BA%8C%E6%AD%A5%E9%85%8D%E7%BD%AE" class="hash-link" aria-label="第二步：配置的直接链接" title="第二步：配置的直接链接">​</a></h3>
<ol>
<li>配置导航菜单 <code>sidebars.js</code></li>
</ol>
<div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> sidebars </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token comment" style="color:#999988;font-style:italic">// By default, Docusaurus generates a sidebar from the docs folder structure</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token literal-property property" style="color:#36acaa">tutorialSidebar</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"autogenerated"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">dirName</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"."</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token literal-property property" style="color:#36acaa">vueSidebar</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"autogenerated"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">dirName</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"vue"</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token literal-property property" style="color:#36acaa">reactSidebar</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"autogenerated"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">dirName</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"react"</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token literal-property property" style="color:#36acaa">basicProSidebar</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"autogenerated"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">dirName</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"how-house-to-build"</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="复制代码到剪贴板" title="复制" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<p><img decoding="async" loading="lazy" alt="docs menu" src="data:image/png;base64,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" width="416" height="356" class="img_ev3q"></p>
<blockquote>
<p>值得注意的是，每个文件夹下都放了一个配置文件<code>_category_.json</code>，主要声明此文件夹下归纳为同一个分类</p>
</blockquote>
<div class="language-json codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-json codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token property" style="color:#36acaa">"label"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"房子怎么建"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token property" style="color:#36acaa">"position"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token property" style="color:#36acaa">"link"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token property" style="color:#36acaa">"type"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"generated-index"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token property" style="color:#36acaa">"description"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"基础建设与外部建设"</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="复制代码到剪贴板" title="复制" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<p><img decoding="async" loading="lazy" alt="docs menu" src="https://coderofrat.github.io/SunnyRatArea/assets/images/2023-04-01_171100-ee542236610776bd8ba5c251eae33b3e.png" width="1176" height="515" class="img_ev3q"></p>
<ol start="2">
<li>配置程序参数文件 <code>docusaurus.config.js</code></li>
</ol>
<div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token comment" style="color:#999988;font-style:italic">// 只保留了关键配置</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> config </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'慵懒笔记'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token literal-property property" style="color:#36acaa">tagline</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'岁月风霜三十载，百味人生唯己知；忆往昔，年少轻狂时，俱远矣；看今日，而立之年始，继拼之！'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token literal-property property" style="color:#36acaa">favicon</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'img/favicon.png'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token comment" style="color:#999988;font-style:italic">// Set the production url of your site here</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token literal-property property" style="color:#36acaa">url</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'https://coderofrat.github.io'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token literal-property property" style="color:#36acaa">baseUrl</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'/SunnyRatArea/'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token comment" style="color:#999988;font-style:italic">// GitHub pages deployment config.</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token comment" style="color:#999988;font-style:italic">// If you aren't using GitHub pages, you don't need these.</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token literal-property property" style="color:#36acaa">organizationName</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'CoderOfRat'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Usually your GitHub org/user name.</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token literal-property property" style="color:#36acaa">projectName</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'SunnyRatArea'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Usually your repo name.</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token literal-property property" style="color:#36acaa">trailingSlash</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token literal-property property" style="color:#36acaa">onBrokenLinks</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'throw'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token literal-property property" style="color:#36acaa">onBrokenMarkdownLinks</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'warn'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token comment" style="color:#999988;font-style:italic">// Even if you don't use internalization, you can use this field to set useful</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token comment" style="color:#999988;font-style:italic">// metadata like html lang. For example, if your site is Chinese, you may want</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token comment" style="color:#999988;font-style:italic">// to replace "en" with "zh-Hans".</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token literal-property property" style="color:#36acaa">i18n</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token literal-property property" style="color:#36acaa">defaultLocale</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'zh-Hans'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token literal-property property" style="color:#36acaa">locales</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token string" style="color:#e3116c">'zh-Hans'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token string" style="color:#e3116c">'en'</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token literal-property property" style="color:#36acaa">themeConfig</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token doc-comment comment" style="color:#999988;font-style:italic">/** </span><span class="token doc-comment comment keyword" style="color:#00009f;font-style:italic">@type</span><span class="token doc-comment comment" style="color:#999988;font-style:italic"> </span><span class="token doc-comment comment class-name punctuation" style="color:#393A34;font-style:italic">{</span><span class="token doc-comment comment class-name keyword" style="color:#00009f;font-style:italic">import</span><span class="token doc-comment comment class-name punctuation" style="color:#393A34;font-style:italic">(</span><span class="token doc-comment comment class-name string" style="color:#e3116c;font-style:italic">'@docusaurus/preset-classic'</span><span class="token doc-comment comment class-name punctuation" style="color:#393A34;font-style:italic">)</span><span class="token doc-comment comment class-name punctuation" style="color:#393A34;font-style:italic">.</span><span class="token doc-comment comment class-name" style="color:#999988;font-style:italic">ThemeConfig</span><span class="token doc-comment comment class-name punctuation" style="color:#393A34;font-style:italic">}</span><span class="token doc-comment comment" style="color:#999988;font-style:italic"> */</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token comment" style="color:#999988;font-style:italic">// Replace with your project's social card</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token literal-property property" style="color:#36acaa">image</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'img/docusaurus-social-card.jpg'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token literal-property property" style="color:#36acaa">navbar</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'SunnyRatArea'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token literal-property property" style="color:#36acaa">logo</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token literal-property property" style="color:#36acaa">alt</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'A Rat'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token literal-property property" style="color:#36acaa">src</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'img/logo.svg'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token literal-property property" style="color:#36acaa">items</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'docSidebar'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">sidebarId</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'tutorialSidebar'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">position</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'left'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'所有搬砖的汗水'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'docSidebar'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">sidebarId</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'vueSidebar'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">position</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'left'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'Vue砖头们'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'docSidebar'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">sidebarId</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'reactSidebar'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">position</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'left'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'React砖头们'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'docSidebar'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">sidebarId</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'basicProSidebar'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">position</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'left'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'房子怎么建'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token punctuation" style="color:#393A34">{</span><span class="token literal-property property" style="color:#36acaa">to</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'/blog'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'搬砖侠的日常'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">position</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'left'</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">href</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'https://github.com/CoderOfRat'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'GitHub'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">            </span><span class="token literal-property property" style="color:#36acaa">position</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'right'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="复制代码到剪贴板" title="复制" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ol start="3">
<li>推送部署，此次操作将会涉及<strong>github项目建立</strong>、<strong>首次自动化构建静态资源并推送到gh-pages分支</strong>
首先，你需要在github建立一个承载这个项目的仓库，名字你可以自定义，然后你需要同步修改第2步中配置文件的<code>baseUrl</code>和<code>projectName</code>,
分别是<code>/仓库名/</code>和<code>仓库名</code>，然后拷贝项目克隆地址，到本地项目做线上线下仓库关联，执行命令如下：</li>
</ol>
<div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">git init</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">git config add remote origin https://XXX.git</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">git push -u origin 你的主分支名（应为main或者master）</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"># 根据提示输入账户信息进行同步且推送即可</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"># 保证上述无误后，线上也同步了你本地的内容，即可执行：</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">USE_SSH=true npm run deploy</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">or</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">USE_SSH=true yarn deploy</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">or</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">GIT_USER=CoderOfRat npm run deploy</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">or</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">GIT_USER=CoderOfRat yarn deploy</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="复制代码到剪贴板" title="复制" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<p>等待执行完成，即可完成首次静态资源推送</p>
<p><img decoding="async" loading="lazy" alt="docs menu" src="https://coderofrat.github.io/SunnyRatArea/assets/images/2023-04-01_213954-6b8bee78ac73fb4d204a9daf0341d351.png" width="2038" height="1197" class="img_ev3q">
<img decoding="async" loading="lazy" alt="docs menu" src="https://coderofrat.github.io/SunnyRatArea/assets/images/2023-04-01_214102-bfe4cb86d8738fdfce6e0230ecb986bb.png" width="1926" height="1073" class="img_ev3q">
<img decoding="async" loading="lazy" alt="docs menu" src="https://coderofrat.github.io/SunnyRatArea/assets/images/2023-04-01_214427-f98c5bb452ee2c23c42d8bb883611567.png" width="1777" height="1020" class="img_ev3q"></p>
<div class="theme-admonition theme-admonition-tip admonition_xJq3 alert alert--success"><div class="admonitionHeading_Gvgb"><span class="admonitionIcon_Rf37"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>提示</div><div class="admonitionContent_BuS1"><p>如果想实现自动化部署
新建文件夹如下
<img decoding="async" loading="lazy" alt="docs menu" src="data:image/png;base64,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" width="506" height="206" class="img_ev3q"></p><p><code>deploy.yml</code></p><div class="language-yml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-yml codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token key atrule" style="color:#00a4db">name</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> Deploy to GitHub Pages</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token key atrule" style="color:#00a4db">on</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token key atrule" style="color:#00a4db">push</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token key atrule" style="color:#00a4db">branches</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain"> main</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token comment" style="color:#999988;font-style:italic"># Review gh actions docs if you want to further define triggers, paths, etc</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token comment" style="color:#999988;font-style:italic"># https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#on</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token key atrule" style="color:#00a4db">jobs</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token key atrule" style="color:#00a4db">deploy</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token key atrule" style="color:#00a4db">name</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> Deploy to GitHub Pages</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token key atrule" style="color:#00a4db">runs-on</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> ubuntu</span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain">latest</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token key atrule" style="color:#00a4db">steps</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain"> </span><span class="token key atrule" style="color:#00a4db">uses</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> actions/checkout@v3</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain"> </span><span class="token key atrule" style="color:#00a4db">uses</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> actions/setup</span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain">node@v3</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token key atrule" style="color:#00a4db">with</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token key atrule" style="color:#00a4db">node-version</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">18</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token key atrule" style="color:#00a4db">cache</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> npm</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain"> </span><span class="token key atrule" style="color:#00a4db">name</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> Install dependencies</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token key atrule" style="color:#00a4db">run</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> npm ci</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain"> </span><span class="token key atrule" style="color:#00a4db">name</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> Build website</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token key atrule" style="color:#00a4db">run</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> npm run build</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token comment" style="color:#999988;font-style:italic"># Popular action to deploy to GitHub Pages:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token comment" style="color:#999988;font-style:italic"># Docs: https://github.com/peaceiris/actions-gh-pages#%EF%B8%8F-docusaurus</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain"> </span><span class="token key atrule" style="color:#00a4db">name</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> Deploy to GitHub Pages</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token key atrule" style="color:#00a4db">uses</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> peaceiris/actions</span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain">gh</span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain">pages@v3</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token key atrule" style="color:#00a4db">with</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token key atrule" style="color:#00a4db">github_token</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> $</span><span class="token punctuation" style="color:#393A34">{</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> secrets.GITHUB_TOKEN </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token comment" style="color:#999988;font-style:italic"># Build output to publish to the `gh-pages` branch:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token key atrule" style="color:#00a4db">publish_dir</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> ./build</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token comment" style="color:#999988;font-style:italic"># The following lines assign commit authorship to the official</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token comment" style="color:#999988;font-style:italic"># GH-Actions bot for deploys to `gh-pages` branch:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token comment" style="color:#999988;font-style:italic"># https://github.com/actions/checkout/issues/13#issuecomment-724415212</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token comment" style="color:#999988;font-style:italic"># The GH actions bot is used by default if you didn't specify the two fields.</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token comment" style="color:#999988;font-style:italic"># You can swap them out with your own user credentials.</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token key atrule" style="color:#00a4db">user_name</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> CoderOfRat</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token key atrule" style="color:#00a4db">user_email</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> 1404616446@qq.com</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="复制代码到剪贴板" title="复制" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><code>test-deploy.yml</code></p><div class="language-yml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-yml codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token key atrule" style="color:#00a4db">name</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> Test deployment</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token key atrule" style="color:#00a4db">on</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token key atrule" style="color:#00a4db">pull_request</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token key atrule" style="color:#00a4db">branches</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain"> main</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token comment" style="color:#999988;font-style:italic"># Review gh actions docs if you want to further define triggers, paths, etc</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token comment" style="color:#999988;font-style:italic"># https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#on</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token key atrule" style="color:#00a4db">jobs</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token key atrule" style="color:#00a4db">test-deploy</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token key atrule" style="color:#00a4db">name</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> Test deployment</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token key atrule" style="color:#00a4db">runs-on</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> ubuntu</span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain">latest</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token key atrule" style="color:#00a4db">steps</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain"> </span><span class="token key atrule" style="color:#00a4db">uses</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> actions/checkout@v3</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain"> </span><span class="token key atrule" style="color:#00a4db">uses</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> actions/setup</span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain">node@v3</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token key atrule" style="color:#00a4db">with</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token key atrule" style="color:#00a4db">node-version</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">18</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          </span><span class="token key atrule" style="color:#00a4db">cache</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> npm</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain"> </span><span class="token key atrule" style="color:#00a4db">name</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> Install dependencies</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token key atrule" style="color:#00a4db">run</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> npm ci</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token punctuation" style="color:#393A34">-</span><span class="token plain"> </span><span class="token key atrule" style="color:#00a4db">name</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> Test build website</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token key atrule" style="color:#00a4db">run</span><span class="token punctuation" style="color:#393A34">:</span><span class="token plain"> npm run build</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="复制代码到剪贴板" title="复制" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><img decoding="async" loading="lazy" alt="docs menu" src="https://coderofrat.github.io/SunnyRatArea/assets/images/2023-04-01_215222-674320de29f72b41cc854d88f64cd986.png" width="1800" height="1195" class="img_ev3q"></p><p>这样每次推送、合并、PR都会自动化更新gh-pages的内容，实现自动化部署啦~
<img decoding="async" loading="lazy" alt="docs menu" src="https://coderofrat.github.io/SunnyRatArea/assets/images/2023-04-01_215615-3bb35c6aeaab9aee4ac024d3997f27e7.png" width="2192" height="863" class="img_ev3q"></p></div></div>]]></content:encoded>
            <category>docusaurus</category>
        </item>
        <item>
            <title><![CDATA[谈心会友]]></title>
            <link>https://coderofrat.github.io/SunnyRatArea/blog/intro</link>
            <guid>https://coderofrat.github.io/SunnyRatArea/blog/intro</guid>
            <pubDate>Wed, 29 Mar 2023 00:00:00 GMT</pubDate>
            <description><![CDATA[本站由 Docusaurus 生成，主要用途是用来记录所学、所想以及生活记录。]]></description>
            <content:encoded><![CDATA[<blockquote>
<p>本站由 Docusaurus 生成，主要用途是用来记录所学、所想以及生活记录。</p>
</blockquote>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="1本站以专题记录为主">1.本站以专题记录为主<a href="https://coderofrat.github.io/SunnyRatArea/blog/intro#1%E6%9C%AC%E7%AB%99%E4%BB%A5%E4%B8%93%E9%A2%98%E8%AE%B0%E5%BD%95%E4%B8%BA%E4%B8%BB" class="hash-link" aria-label="1.本站以专题记录为主的直接链接" title="1.本站以专题记录为主的直接链接">​</a></h3>
<p>目前专题包括 <code>Vue</code>、<code>React</code>、<code>Nodejs</code>、<code>Linux</code>、<code>Nginx</code>、<code>收藏</code>、<code>何所得&amp;何所获</code>、<code>独乐乐不如众乐乐</code>、<code>日复一文</code>。</p>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="2本站半开源重在交流">2.本站半开源，重在交流<a href="https://coderofrat.github.io/SunnyRatArea/blog/intro#2%E6%9C%AC%E7%AB%99%E5%8D%8A%E5%BC%80%E6%BA%90%E9%87%8D%E5%9C%A8%E4%BA%A4%E6%B5%81" class="hash-link" aria-label="2.本站半开源，重在交流的直接链接" title="2.本站半开源，重在交流的直接链接">​</a></h3>
<p>希望通过本站，你可以有不一样的收获，也欢迎有心意的博客交流，可以通过 issue 交换网址及头像信息。有好的文章，也欢迎投稿，最好是链接形式+标题+简介[我不想成果变成本站的，重在分享]。本站文章，如有不当，也欢迎指出。</p>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="3友情链接">3.友情链接<a href="https://coderofrat.github.io/SunnyRatArea/blog/intro#3%E5%8F%8B%E6%83%85%E9%93%BE%E6%8E%A5" class="hash-link" aria-label="3.友情链接的直接链接" title="3.友情链接的直接链接">​</a></h3>
<div><a style="width:100%;height:60px;display:flex;align-items:center;background-color:rgba(0,25,0,.1)" href="https://coderofrat.github.io/SunnyRatArea/"><div style="width:58px;height:58px;background:url(https://github.com/CoderOfRat.png) no-repeat center center / 100% 100%;border:1px solid rgba(255,255,255,.3);border-radius:4px;overflow:hidden;margin:0 4px 0 1px"></div><div style="height:58px;flex:1;overflow:hidden"><div style="display:flex;flex-direction:column;justify-content:space-around"><span>CoderOfRat Wenhao Guo.Welecome to my site!</span><span>前端开发，一个乐于交流的人。</span></div></div></a></div>]]></content:encoded>
            <category>简介</category>
        </item>
    </channel>
</rss>