<?xml version="1.0" encoding="utf-8"?>
<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>Chunlei Li Blog</title>
        <link>https://chunleili.github.io/old-blog/blog</link>
        <description>Chunlei Li Blog</description>
        <lastBuildDate>Sun, 18 Sep 2022 00:00:00 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <language>en</language>
        <item>
            <title><![CDATA[第三章 守恒公式]]></title>
            <link>https://chunleili.github.io/old-blog/blog/2022/09/18/understandingViscoelasticity读书笔记</link>
            <guid>/2022/09/18/understandingViscoelasticity读书笔记</guid>
            <pubDate>Sun, 18 Sep 2022 00:00:00 GMT</pubDate>
            <description><![CDATA[欧拉视角与拉格朗日视角加速度公式有区别的原因在于：]]></description>
            <content:encoded><![CDATA[<p>欧拉视角与拉格朗日视角加速度公式有区别的原因在于：
拉格朗日视角中的位置X为初始位置，与时间无关。而欧拉视角中的当前位置x与时间有关，所以要用链式法则求导。</p><p>这是欧拉视角的加速度公式（左边是向量形式，右边写成张量形式）
<img loading="lazy" src="/old-blog/assets/images/2022-09-18-09-59-26-03b5ef7f5355bb25cb81a45a329744bc.png" width="1341" height="283" class="img_ev3q"></p><p>如下为拉格朗日视角的加速度公式
<img loading="lazy" src="/old-blog/assets/images/2022-09-18-09-56-52-766f642a1e9158fb1ed20b3132a703b6.png" width="1266" height="472" class="img_ev3q"></p><p>其中我们定义L为速度梯度张量（注意转置）
<img loading="lazy" src="/old-blog/assets/images/2022-09-18-10-00-35-f13ba23a3c2c57b3238b87cc6f3315a4.png" width="1250" height="253" class="img_ev3q"></p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[VS Code中写mardown直接粘贴图片的神器]]></title>
            <link>https://chunleili.github.io/old-blog/blog/paste-image</link>
            <guid>paste-image</guid>
            <pubDate>Fri, 16 Sep 2022 00:00:00 GMT</pubDate>
            <description><![CDATA[有个插件很好用，叫做paste image]]></description>
            <content:encoded><![CDATA[<p>有个插件很好用，叫做paste image
<img loading="lazy" src="/old-blog/assets/images/2022-09-16-01-24-45-f346005b69c23d58bc815dd8b8627ef9.png" width="994" height="372" class="img_ev3q"></p><p>这个插件让你在VS Code当中可以直接粘贴剪切板中的图片，它还会将图片自动拷贝到你的当前目录。简直是效率神器！</p><h1>用法</h1><p>先截屏，然后在VS Code中按下shift + control + p, 然后点击pasteImage
<img loading="lazy" src="/old-blog/assets/images/2022-09-16-01-30-15-32bfb2b5bdae1a6fd3b42f8ffc3d4064.png" width="1435" height="811" class="img_ev3q"></p><p>你还可以设置快捷键
比如我设置的快捷键就是alt+v(防止和文本的粘贴混淆)
设置的方法很简单，只需要点击小齿轮</p><p><img loading="lazy" src="/old-blog/assets/images/2022-09-16-01-31-04-dced05d8b68b59e7c85d916c5b571a0f.png" width="1424" height="795" class="img_ev3q">
然后在弹出的窗口设置快捷键即可</p><p><img loading="lazy" src="/old-blog/assets/images/2022-09-16-01-31-51-54a7f430ab701d953c72184f21eca3e8.png" width="1550" height="1096" class="img_ev3q"></p>]]></content:encoded>
            <category>markdown</category>
            <category>VS Code</category>
        </item>
        <item>
            <title><![CDATA[介绍我自己]]></title>
            <link>https://chunleili.github.io/old-blog/blog/</link>
            <guid>/</guid>
            <pubDate>Thu, 15 Sep 2022 00:00:00 GMT</pubDate>
            <description><![CDATA[大家好的😄，我是李春蕾。现在是北航VR实验室的博士生。研究方向是图形学仿真，主要是流体仿真。]]></description>
            <content:encoded><![CDATA[<p>大家好的😄，我是李春蕾。现在是北航VR实验室的博士生。研究方向是图形学仿真，主要是流体仿真。</p><p>我现在正在做一个用于图形学仿真的库。只是为了自己用起来方便的一个工具包。它基于taichi。我希望用它来实现大部分主流仿真算法。如果有兴趣可以看一看：
<a href="https://github.com/chunleili/moi" target="_blank" rel="noopener noreferrer">moi-图形学仿真工具包</a></p><p>我的email是： <a href="mailto:li_cl@foxmail.com" target="_blank" rel="noopener noreferrer">li_cl@foxmail.com</a></p><p>我之前用CSDN做笔记，但是它广告太多了😒，所以我决定自己做一个个人博客。千里之行，始于足下，我会慢慢把干货搬上来的的👍。</p><p>这是我的CSDN博客：<a href="https://blog.csdn.net/weixin_43940314?spm=1011.2415.3001.5343" target="_blank" rel="noopener noreferrer">beidou111的博客</a></p><p>对了！还有我的B站。因为视频讲解和博客的图文形式还是有些区别的，因此很多时候我也会做视频讲解。我也是初学者，如果理解有误的地方，请直接指出来，大家一起进步。</p><p>这是我的B站账号：<a href="https://space.bilibili.com/2411870/" target="_blank" rel="noopener noreferrer">只喝白开水</a></p><p>欢迎大家找我讨论👏！</p>]]></content:encoded>
            <category>welcome</category>
        </item>
        <item>
            <title><![CDATA[怎样利用docusaurus创建博客/文档]]></title>
            <link>https://chunleili.github.io/old-blog/blog/how-to-docusaurus</link>
            <guid>how-to-docusaurus</guid>
            <pubDate>Thu, 15 Sep 2022 00:00:00 GMT</pubDate>
            <description><![CDATA[请务必参考docusaurus的官方文档]]></description>
            <content:encoded><![CDATA[<p>请务必参考docusaurus的官方文档</p><p><a href="https://www.docusaurus.cn/docs" target="_blank" rel="noopener noreferrer">https://www.docusaurus.cn/docs</a></p><p>详细讲解请参考这个视频</p><p><a href="https://www.bilibili.com/video/BV1rW4y1i7zC?spm_id_from=333.999.0.0&amp;vd_source=e15eb8f98a9dde1c9cc874314025b575" target="_blank" rel="noopener noreferrer">https://www.bilibili.com/video/BV1rW4y1i7zC?spm_id_from=333.999.0.0&amp;vd_source=e15eb8f98a9dde1c9cc874314025b575</a></p><p>总的来说就三步：</p><ol><li>下载脚手架</li></ol><div class="language-javascript codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-javascript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">npx create</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">docusaurus myPage classic</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg class="copyButtonIcon_y97N" viewBox="0 0 24 24"><path 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 class="copyButtonSuccessIcon_LjdS" viewBox="0 0 24 24"><path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><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_S0QG"><p>请先安装npm，以及docusaurus</p></div></div><ol start="2"><li>更改/新增markdown</li></ol><p>新增一个md就是新增一个页面。</p><ol start="3"><li>部署</li></ol><p>把改好的repo push到github上去，然后采用vercel自动导入github repo。当你push的时候，就自动部署。</p><p>使用vercel是比较方便快捷的，但是缺点是你必须能翻墙才能看到页面。</p><p>另一种方案是github pages。就是设置一个github repo的名为为&lt;你的名字&gt;.github.io，然后新建一个gh-pages分支。这个分支和你的master分支要分开。master分支存的是你写的源码，而gh-pages分支存的是build出来的代码。然后用</p><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">cmd /C 'set "GIT_USER=&lt;GITHUB_USERNAME&gt;" &amp;&amp; yarn deploy'</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg class="copyButtonIcon_y97N" viewBox="0 0 24 24"><path 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 class="copyButtonSuccessIcon_LjdS" viewBox="0 0 24 24"><path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>这个命令来部署，如果没有安装yarn就要先npm install yarn一下。</p>]]></content:encoded>
            <category>docusaurus</category>
            <category>front-end</category>
        </item>
        <item>
            <title><![CDATA[博客的Markdown用法]]></title>
            <link>https://chunleili.github.io/old-blog/blog/test</link>
            <guid>test</guid>
            <pubDate>Thu, 15 Sep 2022 00:00:00 GMT</pubDate>
            <description><![CDATA[大家好， 我们来测试一下新的博客。]]></description>
            <content:encoded><![CDATA[<p>大家好， 我们来测试一下新的博客。</p><p>早安！<strong>午安！</strong> <code>晚安</code></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="官方文档">官方文档<a class="hash-link" href="#官方文档" title="Direct link to heading">​</a></h2><p>这是docusaurus的
<a href="https://docusaurus.io/docs/blog" target="_blank" rel="noopener noreferrer">官方文档</a> </p><p>还可以使用它的插件
<a href="https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-content-blog" target="_blank" rel="noopener noreferrer">插件</a>.</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="如何建立新的博客">如何建立新的博客<a class="hash-link" href="#如何建立新的博客" title="Direct link to heading">​</a></h2><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><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>tip</div><div class="admonitionContent_S0QG"><p>只需要在blog文件夹下面创建md文件即可建立新的博客！</p></div></div><p>md文件的命名规范如下所示：</p><ul><li><code>2022-09-15-welcome.md</code></li><li><code>2022-09-15-welcome/index.md</code></li></ul><p>docusaurus就会自动提取前面的日期，然后显示到文章的开头！</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="图片">图片<a class="hash-link" href="#图片" title="Direct link to heading">​</a></h2><p>可以把博客的插图放到同一个文件夹下面</p><p><img loading="lazy" alt="Docusaurus Plushie" src="/old-blog/assets/images/docusaurus-plushie-banner-a60f7593abca1e3eef26a9afa244e4fb.jpeg" width="1500" height="500" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="front-matter">front matter<a class="hash-link" href="#front-matter" title="Direct link to heading">​</a></h2><p>解释一下开头的这一串元数据。这叫front matter</p><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><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">slug: /</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">title: 测试第一个新博客</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">authors: [chunlei]</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">tags: [welcome, test]</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">---</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg class="copyButtonIcon_y97N" viewBox="0 0 24 24"><path 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 class="copyButtonSuccessIcon_LjdS" viewBox="0 0 24 24"><path 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><h3 class="anchor anchorWithStickyNavbar_LWe7" id="标签">标签<a class="hash-link" href="#标签" title="Direct link to heading">​</a></h3><p>在md的最开头，使用</p><div class="language-md codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-md codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">tags: [welcome, test]</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg class="copyButtonIcon_y97N" viewBox="0 0 24 24"><path 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 class="copyButtonSuccessIcon_LjdS" viewBox="0 0 24 24"><path 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><h3 class="anchor anchorWithStickyNavbar_LWe7" id="子弹头">子弹头<a class="hash-link" href="#子弹头" title="Direct link to heading">​</a></h3><div class="language-md codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-md codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">slug: /</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg class="copyButtonIcon_y97N" viewBox="0 0 24 24"><path 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 class="copyButtonSuccessIcon_LjdS" viewBox="0 0 24 24"><path 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><h3 class="anchor anchorWithStickyNavbar_LWe7" id="标题">标题<a class="hash-link" href="#标题" title="Direct link to heading">​</a></h3><div class="language-md codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-md codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">title: 测试第一个新博客</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg class="copyButtonIcon_y97N" viewBox="0 0 24 24"><path 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 class="copyButtonSuccessIcon_LjdS" viewBox="0 0 24 24"><path 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><h2 class="anchor anchorWithStickyNavbar_LWe7" id="作者">作者<a class="hash-link" href="#作者" title="Direct link to heading">​</a></h2><p>我们可以这样写</p><div class="language-md codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-md codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">authors: [chunlei]</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg class="copyButtonIcon_y97N" viewBox="0 0 24 24"><path 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 class="copyButtonSuccessIcon_LjdS" viewBox="0 0 24 24"><path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>就会自动读取authors.yaml中保存的作者信息</p><p>也可以在这里把信息写全了</p><div class="language-md codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-md codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">authors:</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  name: chunlei li</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  title: phD student</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  url: https://github.com/chunleili</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  image_url: https://github.com/chunleili.png</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg class="copyButtonIcon_y97N" viewBox="0 0 24 24"><path 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 class="copyButtonSuccessIcon_LjdS" viewBox="0 0 24 24"><path 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>welcome</category>
            <category>test</category>
        </item>
        <item>
            <title><![CDATA[怎样利用github Action 自动部署]]></title>
            <link>https://chunleili.github.io/old-blog/blog/auto-deploy</link>
            <guid>auto-deploy</guid>
            <pubDate>Thu, 15 Sep 2022 00:00:00 GMT</pubDate>
            <description><![CDATA[前文说了如何部署，但是每次都要运行yarn deploy也太麻烦了。主要是如果你想在一台没有安装docusaurus的电脑上更新你的博客，那就没办法了。只能配环境然后yarn deploy。]]></description>
            <content:encoded><![CDATA[<p>前文说了如何部署，但是每次都要运行yarn deploy也太麻烦了。主要是如果你想在一台没有安装docusaurus的电脑上更新你的博客，那就没办法了。只能配环境然后yarn deploy。</p><p>但是好在有许多自动化部署的工具。其中GitHub Action是github自己在2018年推出的服务。你只需要在项目的根目录下增加.github/workflow/xxx.yml即可</p><p>如图所示</p><p><img loading="lazy" alt="dir" src="/old-blog/assets/images/dir-7adb76ab57d6d9fee6add9a6bc8bb949.png" width="419" height="158" class="img_ev3q"></p><p>每个文件都是单独的一个工作流。</p><p>工作流也很简单，就是类似于你在自己的电脑上运行安装等等命令。</p><p>假如你的workflow中间出问题了，github就会自动报错，然后给你发个邮件。如图</p><p><img loading="lazy" src="/old-blog/assets/images/2022-09-16-01-09-57-77e664d1a21837a2ea0eb80e2542bf46.png" width="1107" height="936" class="img_ev3q"></p><p>不成功的workflow是这样的
<img loading="lazy" src="/old-blog/assets/images/2022-09-16-01-21-33-c391cd3c39b0618cc2d5082e36d09c83.png" width="2330" height="748" class="img_ev3q"></p><p>点开会看到
<img loading="lazy" src="/old-blog/assets/images/2022-09-16-01-22-05-ed0b48aaeec2305009346e2f1be95b14.png" width="1870" height="1219" class="img_ev3q"></p><p>再点开，会看到具体哪里错了
<img loading="lazy" src="/old-blog/assets/images/2022-09-16-01-22-37-b43dc2bbb180ba9b28c2fef41dd696c0.png" width="2697" height="1575" class="img_ev3q">
我这里显然是版本号错误</p><p>修改之后可以看到正确的
<img loading="lazy" src="/old-blog/assets/images/2022-09-16-01-23-15-b4fc77d0cf13abc093c1e2a8a7d09827.png" width="2378" height="424" class="img_ev3q"></p><p>经过不断的探索，我终于把所有的工作流报错解决了</p><p>在此分享一下我的deploy.yml文件</p><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain"># .github/workflows/deploy.yml</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">name: 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">on:</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  push:</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    branches:</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      - master</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  pull_request:</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">jobs:</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  deploy:</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    name: Deploy to my Github Pages</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    runs-on: ubuntu-latest</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    steps:</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      - uses: actions/checkout@v2</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      - uses: actions/setup-node@v2</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        with:</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          node-version: '18'</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          cache: yarn</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          cache-dependency-path: './package-lock.json'</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">      - name: build website</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        run: |</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          yarn install --frozen-lockfile</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          yarn 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">      - name: Deploy to my Github Pages</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        uses: peaceiris/actions-gh-pages@v3</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        with:</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          github_token: ${{ secrets.GITHUB_TOKEN }}</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          publish_dir: ./build</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          user_name: github-actions[bot]</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">          user_email: 41898282+github-actions[bot]@users.noreply.github.com</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg class="copyButtonIcon_y97N" viewBox="0 0 24 24"><path 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 class="copyButtonSuccessIcon_LjdS" viewBox="0 0 24 24"><path 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>docusaurus</category>
            <category>front-end</category>
            <category>github</category>
        </item>
        <item>
            <title><![CDATA[如何部署到github pages]]></title>
            <link>https://chunleili.github.io/old-blog/blog/deploy</link>
            <guid>deploy</guid>
            <pubDate>Thu, 15 Sep 2022 00:00:00 GMT</pubDate>
            <description><![CDATA[我们测试一下如何部署到github-pages]]></description>
            <content:encoded><![CDATA[<p>我们测试一下如何部署到github-pages</p><ol><li>首先建立新的分支gh-pages。这个不要和main分支搞混，这个分支不用去管，deploy的时候会自动更新代码。</li></ol><ol start="2"><li>然后把docusaurus.config.js中的部分代码更改为</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"><code class="codeBlockLines_e6Vv"><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">'chunleili'</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">'chunleili.github.io'</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">deploymentBranch</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'gh-pages'</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">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><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg class="copyButtonIcon_y97N" viewBox="0 0 24 24"><path 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 class="copyButtonSuccessIcon_LjdS" viewBox="0 0 24 24"><path 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><p>假如是windows</p><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">cmd /C 'set "GIT_USER=chunleili" &amp;&amp; yarn deploy'</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg class="copyButtonIcon_y97N" viewBox="0 0 24 24"><path 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 class="copyButtonSuccessIcon_LjdS" viewBox="0 0 24 24"><path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>假如是linux</p><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">GIT_USER=chunleili yarn deploy</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg class="copyButtonIcon_y97N" viewBox="0 0 24 24"><path 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 class="copyButtonSuccessIcon_LjdS" viewBox="0 0 24 24"><path 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>docusaurus</category>
            <category>front-end</category>
        </item>
    </channel>
</rss>