local-search.xml

<?xml version="1.0" encoding="utf-8"?>
<search>
  
  
  
  <entry>
    <title>flex布局笔记</title>
    <link href="/2022/09/10/flex%E5%B8%83%E5%B1%80%E7%AC%94%E8%AE%B0/"/>
    <url>/2022/09/10/flex%E5%B8%83%E5%B1%80%E7%AC%94%E8%AE%B0/</url>
    
    <content type="html"><![CDATA[<h2 id="flex布局"><a href="#flex布局" class="headerlink" title="flex布局"></a>flex布局</h2><p>弹性伸缩盒子</p><h3 id="轴线"><a href="#轴线" class="headerlink" title="轴线"></a>轴线</h3><ul><li>主轴：flex-direction定义</li><li>交叉轴：垂直于主轴</li></ul><h3 id="flex容器"><a href="#flex容器" class="headerlink" title="flex容器"></a>flex容器</h3><p>将一个容器的display属性修改为 flex 或 inline-flex ，其直系子元素就会变成flex元素。</p><h3 id="属性"><a href="#属性" class="headerlink" title="属性"></a>属性</h3><h4 id="flex-direction"><a href="#flex-direction" class="headerlink" title="flex-direction"></a>flex-direction</h4><p>功能：决定主轴方向</p><ul><li>row（默认）</li><li>row-reverse</li><li>column 从上到下</li><li>column-reverse</li></ul><h4 id="flex-wrap"><a href="#flex-wrap" class="headerlink" title="flex-wrap"></a>flex-wrap</h4><p>功能：决定flex items是单行还是多行显示</p><ul><li>nowrap（默认）</li><li>wrap</li><li>wrap-reverse</li></ul><h4 id="justify-content"><a href="#justify-content" class="headerlink" title="justify-content"></a>justify-content</h4><p>功能：设置子元素在主轴上的对齐方式</p><p><img src="https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/cd5174e622b34fa692547d691faa592d~tplv-k3u1fbpfcp-zoom-crop-mark:3024:3024:3024:1702.awebp" alt="你不能只会flex居中布局，精制动画讲解所有flex布局方式！通俗易懂纯干货教程！"></p><h4 id="align-items"><a href="#align-items" class="headerlink" title="align-items"></a>align-items</h4><p>功能：设置子元素在交叉轴上的对齐方式</p><ul><li>stretch</li><li>center</li><li>flex-start</li><li>flex-end</li><li>baseline</li></ul><h3 id="flex元素上的属性"><a href="#flex元素上的属性" class="headerlink" title="flex元素上的属性"></a>flex元素上的属性</h3><ul><li>flex-grow 设置拓展比例</li><li>flex-shrink 设置收缩比例</li><li>flex-basis 设置基准大小</li><li>order 设置排列顺序</li></ul>]]></content>
    
    
    
  </entry>
  
  
  
  <entry>
    <title>个人博客搭建</title>
    <link href="/2022/09/02/setblog/"/>
    <url>/2022/09/02/setblog/</url>
    
    <content type="html"><![CDATA[<h2 id="个人博客搭建"><a href="#个人博客搭建" class="headerlink" title="个人博客搭建"></a>个人博客搭建</h2><h3 id="写在前面"><a href="#写在前面" class="headerlink" title="写在前面"></a>写在前面</h3><p>hexo框架+GitHub部署，一键搭建个人博客，主题选用Fluid</p><h3 id="遇到的问题"><a href="#遇到的问题" class="headerlink" title="遇到的问题"></a>遇到的问题</h3><ol><li><p>本地端口内容已更新，网站无更新</p><p>解决：具体原因是什么未搞明白，尝试过清理浏览器缓存，但仍失败了，最后删库重开，并将代码都提交到main分支解决了该问题。</p></li><li><p>Error:Spawn failed at ChildProcess</p><p><code>hexo d -g</code>执行后报错：Spawn failed</p><p><img src="C:\Users\TYC-646-75\AppData\Roaming\Typora\typora-user-images\image-20220902160529442.png" alt="image-20220902160529442"></p><p>解决：在.git文件夹下打开config配置文件，在[core]中添加上下面两句话</p><figure class="highlight ini"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><code class="hljs ini"><span class="hljs-attr">autocrlf</span> = <span class="hljs-literal">false</span><br><span class="hljs-attr">safecrlf</span> = <span class="hljs-literal">false</span><br></code></pre></td></tr></table></figure></li></ol><h3 id="Hexo常用命令"><a href="#Hexo常用命令" class="headerlink" title="Hexo常用命令"></a>Hexo常用命令</h3><p>部署</p><figure class="highlight verilog"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><code class="hljs verilog">hexo clean<br>hexo <span class="hljs-keyword">generate</span><br>hexo deploy<br></code></pre></td></tr></table></figure><p>本地</p><figure class="highlight nginx"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><code class="hljs nginx"><span class="hljs-attribute">hexo</span> g <span class="hljs-comment">#生成</span><br>hexo s <span class="hljs-comment">#启动本地服务，进行文章预览调试</span><br></code></pre></td></tr></table></figure><p>常用</p><figure class="highlight axapta"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><code class="hljs axapta">hexo <span class="hljs-keyword">new</span> <span class="hljs-string">&quot;postName&quot;</span> <span class="hljs-meta">#新建文章</span><br>hexo <span class="hljs-keyword">new</span> page <span class="hljs-string">&quot;pageName&quot;</span> <span class="hljs-meta">#新建页面</span><br></code></pre></td></tr></table></figure><h3 id="挖坑"><a href="#挖坑" class="headerlink" title="挖坑"></a>挖坑</h3><ul><li>将网站部署在服务器上，有条件再购买域名</li><li>码云上再搭建一个个人博客，解决国内加载缓慢问题</li></ul>]]></content>
    
    
    
  </entry>
  
  
  
  <entry>
    <title>my first blog</title>
    <link href="/2022/08/30/my-first-blog/"/>
    <url>/2022/08/30/my-first-blog/</url>
    
    <content type="html"><![CDATA[]]></content>
    
    
    
  </entry>
  
  
  
  
</search>