index.html

<!DOCTYPE html>

<html lang="zh-CN">

<head>
    
    <title>辰風依恛</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="辰風依恛个人博客">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
    
    <link rel="shortcut icon" href="https://766187397.github.io/images/f73a765045a245e9b8e594798465112.jpg" type="image/x-icon" />
    <meta name="description" content="辰風依恛个人博客">
<meta property="og:type" content="website">
<meta property="og:title" content="辰風依恛">
<meta property="og:url" content="https://766187397.github.io/index.html">
<meta property="og:site_name" content="辰風依恛">
<meta property="og:description" content="辰風依恛个人博客">
<meta property="og:locale" content="zh_CN">
<meta property="article:author" content="辰風依恛">
<meta property="article:tag" content="辰風依恛个人博客">
<meta name="twitter:card" content="summary">
    
<link rel="stylesheet" href="/lib/fancybox/fancybox.css">
<link rel="stylesheet" href="/lib/mdui_043tiny/mdui.css">


    <link rel="stylesheet" href="/lib/iconfont/iconfont.css?v=1741314115720">
    
        <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3274123_epi3bpf4j2f.css">
    
    <link rel="stylesheet" href="/css/style.css?v=1741314115720">

    
            <link rel="stylesheet" href="/custom.css?v=1741314115720">
        
    
<meta name="generator" content="Hexo 5.4.2"></head>

<body class="mdui-drawer-body-left">
    <div id="nexmoe-background">
        <div class="nexmoe-bg" style="background-image: url(https://766187397.github.io/images/533cc5ef880911ebb6edd017c2d2eca2.jpg)"></div>
        <div class="mdui-appbar mdui-shadow-0">
            <div class="mdui-toolbar">
                <a mdui-drawer="{target: '#drawer', swipe: true}" title="menu" class="mdui-btn mdui-btn-icon mdui-ripple"><i class="mdui-icon nexmoefont icon-menu"></i></a>
                <div class="mdui-toolbar-spacer"></div>
                <!--<a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">search</i></a>-->
                <a href="/" title="辰風依恛" class="mdui-btn mdui-btn-icon"><img src="https://766187397.github.io/images/f73a765045a245e9b8e594798465112.jpg" alt="辰風依恛"></a>
            </div>
        </div>
    </div>
    <div id="nexmoe-header">
        <div class="nexmoe-drawer mdui-drawer" id="drawer">
    <div class="nexmoe-avatar mdui-ripple">
        <a href="/" title="辰風依恛">
            <img src="https://766187397.github.io/images/f73a765045a245e9b8e594798465112.jpg" alt="辰風依恛" alt="辰風依恛">
        </a>
    </div>
    <div class="nexmoe-count">
        <div><span>文章</span>24</div>
        <div><span>标签</span>0</div>
        <div><span>分类</span>8</div>
    </div>
    <div class="nexmoe-list mdui-list" mdui-collapse="{accordion: true}">
        
        <a class="nexmoe-list-item mdui-list-item mdui-ripple true" href="/" title="回到首页">
            <i class="mdui-list-item-icon nexmoefont icon-home"></i>
            <div class="mdui-list-item-content">
                回到首页
            </div>
        </a>
        
        <a class="nexmoe-list-item mdui-list-item mdui-ripple false" href="/archive.html" title="文章归档">
            <i class="mdui-list-item-icon nexmoefont icon-container"></i>
            <div class="mdui-list-item-content">
                文章归档
            </div>
        </a>
        
    </div>
    <aside id="nexmoe-sidebar">
    
        
        <div class="nexmoe-widget-wrap">
    <div class="nexmoe-widget nexmoe-search">
        
            <form id="search_form">
                <label><input class="st-default-search-input" id="search_value" name="q" type="search" placeholder="搜索" style="
                    font-size: 15px !important;
                    height: 56px !important;
                    background-image: none;
                "></label>
            </form>
         
    </div>
</div>


	<script async src="/js/search.js?v=1741314115720"></script>


        <div class="nexmoe-widget-wrap">
	<div class="nexmoe-widget nexmoe-social">
		<a
			class="mdui-ripple"
			href="tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=766187397&website=www.oicqzone.com"
			target="_blank"
			mdui-tooltip="{content: 'QQ'}"
			style="
				color: rgb(249, 174, 8);
				background-color: rgba(249, 174, 8, .1);
			"
		>
			<i
				class="nexmoefont icon-QQ"
			></i> </a
		><a
			class="mdui-ripple"
			href="https://space.bilibili.com/433804329"
			target="_blank"
			mdui-tooltip="{content: '哔哩哔哩'}"
			style="
				color: rgb(231, 106, 141);
				background-color: rgba(231, 106, 141, .1);
			"
		>
			<i
				class="nexmoefont icon-bilibili"
			></i> </a
		><a
			class="mdui-ripple"
			href="https://github.com/766187397/"
			target="_blank"
			mdui-tooltip="{content: 'GitHub'}"
			style="
				color: rgb(25, 23, 23);
				background-color: rgba(25, 23, 23, .1);
			"
		>
			<i
				class="nexmoefont icon-github"
			></i> </a
		><a
			class="mdui-ripple"
			href="https://gitee.com/sk20020228/"
			target="_blank"
			mdui-tooltip="{content: 'Gitee'}"
			style="
				color: rgb(165, 15, 15);
				background-color: rgba(165, 15, 15, .15);
			"
		>
			<i
				class="nexmoefont icon-gitee"
			></i> </a
		>
	</div>
</div>

    
  <div class="nexmoe-widget-wrap">
    <h3 class="nexmoe-widget-title">文章分类</h3>
    <div class="nexmoe-widget">

      <ul class="category-list">

        
        <li class="category-list-item">
          <a class="category-list-link" href="/categories/JavaScript/">JavaScript</a>
          <span class="category-list-count">2</span>
        </li>

        
        <li class="category-list-item">
          <a class="category-list-link" href="/categories/NuxtJS/">NuxtJS</a>
          <span class="category-list-count">1</span>
        </li>

        
        <li class="category-list-item">
          <a class="category-list-link" href="/categories/Vue/">Vue</a>
          <span class="category-list-count">5</span>
        </li>

        
        <li class="category-list-item">
          <a class="category-list-link" href="/categories/前端/">前端</a>
          <span class="category-list-count">4</span>
        </li>

        
        <li class="category-list-item">
          <a class="category-list-link" href="/categories/包管理工具/">包管理工具</a>
          <span class="category-list-count">3</span>
        </li>

        
        <li class="category-list-item">
          <a class="category-list-link" href="/categories/博客/">博客</a>
          <span class="category-list-count">1</span>
        </li>

        
        <li class="category-list-item">
          <a class="category-list-link" href="/categories/小程序/">小程序</a>
          <span class="category-list-count">3</span>
        </li>

        
        <li class="category-list-item">
          <a class="category-list-link" href="/categories/知识碎片/">知识碎片</a>
          <span class="category-list-count">5</span>
        </li>

        
      </ul>

    </div>
  </div>


        <!-- 一言 -->
<div class="nexmoe-widget-wrap">
  <h3 class="nexmoe-widget-title">
    一言
  </h3>
  <div class="nexmoe-widget">
    <ul class="hitokoto-box">
      <li id="hitokoto_text_parent" class="hitokoto-text" hitokotoCategory="">
        <a href="#" id="hitokoto_text">
          
        </a>
        <a href="#" id="hitokoto_error_text" style="display: none;">
          
        </a>
      </li>
    </ul>
  </div>
</div>

<script>
  let hitokotoText = document.getElementById('hitokoto_text')
  let hitokotoErroText = document.getElementById('hitokoto_error_text')
  let hitokotoCategory = document.getElementById('hitokoto_text_parent').getAttribute('hitokotoCategory')
  window.onload = function () {
    let url = 'https://v1.hitokoto.cn'
    if (hitokotoCategory) {
      url += '?c=' + hitokotoCategory
    }
    fetch(url)
      .then(response => response.json())
      .then(data => {
        hitokotoText.innerText = "「 " + data.hitokoto + " 」 from " + data.from
        hitokotoText.href = 'https://hitokoto.cn/?uuid=' + data.uuid
      })
      .catch((reason) => {
        console.error(11, reason)
        hitokotoText.style.display = 'none'
        hitokotoErroText.style.display = 'block'
      })
  }
</script>
    
        
  <div class="nexmoe-widget-wrap">
    <h3 class="nexmoe-widget-title">文章归档</h3>
    <div class="nexmoe-widget">
      <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2025/">2025</a><span class="archive-list-count">24</span></li></ul>
    </div>
  </div>


  <div class="nexmoe-widget-wrap">
    <h3 class="nexmoe-widget-title">最新文章</h3>
    <div class="nexmoe-widget">
      <ul>
        
          <li>
            <a href="/2025/03/07/%E5%8F%91%E5%B8%83%E8%87%AA%E5%B7%B1%E7%9A%84npm%E5%8C%85/">发布自己的npm包</a>
          </li>
        
          <li>
            <a href="/2025/03/07/Vue2%E6%87%92%E5%8A%A0%E8%BD%BD%E4%B8%8B%E6%8B%89%E7%BB%84%E4%BB%B6/">Vue2懒加载下拉组件</a>
          </li>
        
          <li>
            <a href="/2025/03/07/%E5%A4%A7%E5%B1%8F%E9%80%82%E9%85%8D%E6%96%B9%E6%A1%88/">大屏适配方案</a>
          </li>
        
          <li>
            <a href="/2025/03/07/nvm%E7%AE%A1%E7%90%86node%E7%89%88%E6%9C%ACnrm%E7%AE%A1%E7%90%86npm%E9%95%9C%E5%83%8F/">nvm管理node版本nrm管理npm镜像</a>
          </li>
        
          <li>
            <a href="/2025/03/07/%E9%A1%B9%E7%9B%AE%E5%B8%B8%E7%94%A8%E5%86%85%E5%AE%B9/">项目常用（前程无忧）</a>
          </li>
        
      </ul>
    </div>
  </div>

    
</aside>
    <div class="nexmoe-copyright">
        &copy; 2025 辰風依恛
        Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>
        & <a href="https://github.com/theme-nexmoe/hexo-theme-nexmoe" target="_blank">Nexmoe</a>
        <br><a target="_blank" href="https://beian.miit.gov.cn/">鄂ICP备2020018486号</a>
    </div>
</div><!-- .nexmoe-drawer -->
    </div>
    <div id="nexmoe-content">
        <div class="nexmoe-primary">
            <section class="nexmoe-posts">
    
    <div class="nexmoe-post">
        <a href="/2025/03/07/%E5%8F%91%E5%B8%83%E8%87%AA%E5%B7%B1%E7%9A%84npm%E5%8C%85/">
            
                <div class="nexmoe-post-cover mdui-ripple absolute" style="padding-top: NaN%;"> 
                    <img src="https://766187397.github.io/images/vue.png" alt="发布自己的npm包" loading="lazy">
                    <h1>发布自己的npm包</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta">
    <div class="nexmoe-rainbow">
        <a class="nexmoefont icon-calendar-fill">2025年03月07日</a>
        
            <a class="nexmoefont icon-appstore-fill -link" href="/categories/%E7%9F%A5%E8%AF%86%E7%A2%8E%E7%89%87/">知识碎片</a>
        
        
    </div>
    
    
</div>

        <article>
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2025/03/07/Vue2%E6%87%92%E5%8A%A0%E8%BD%BD%E4%B8%8B%E6%8B%89%E7%BB%84%E4%BB%B6/">
            
                <div class="nexmoe-post-cover mdui-ripple absolute" style="padding-top: NaN%;"> 
                    <img src="https://766187397.github.io/images/vue.png" alt="Vue2懒加载下拉组件" loading="lazy">
                    <h1>Vue2懒加载下拉组件</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta">
    <div class="nexmoe-rainbow">
        <a class="nexmoefont icon-calendar-fill">2025年03月07日</a>
        
            <a class="nexmoefont icon-appstore-fill -link" href="/categories/%E7%9F%A5%E8%AF%86%E7%A2%8E%E7%89%87/">知识碎片</a>
        
        
    </div>
    
    
</div>

        <article>
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2025/03/07/%E5%A4%A7%E5%B1%8F%E9%80%82%E9%85%8D%E6%96%B9%E6%A1%88/">
            
                <div class="nexmoe-post-cover mdui-ripple absolute" style="padding-top: NaN%;"> 
                    <img src="https://766187397.github.io/images/vue.png" alt="大屏适配方案" loading="lazy">
                    <h1>大屏适配方案</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta">
    <div class="nexmoe-rainbow">
        <a class="nexmoefont icon-calendar-fill">2025年03月07日</a>
        
            <a class="nexmoefont icon-appstore-fill -link" href="/categories/%E7%9F%A5%E8%AF%86%E7%A2%8E%E7%89%87/">知识碎片</a>
        
        
    </div>
    
    
</div>

        <article>
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2025/03/07/nvm%E7%AE%A1%E7%90%86node%E7%89%88%E6%9C%ACnrm%E7%AE%A1%E7%90%86npm%E9%95%9C%E5%83%8F/">
            
                <div class="nexmoe-post-cover mdui-ripple absolute" style="padding-top: NaN%;"> 
                    <img src="https://766187397.github.io/images/npmVSyarn.png" alt="nvm管理node版本nrm管理npm镜像" loading="lazy">
                    <h1>nvm管理node版本nrm管理npm镜像</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta">
    <div class="nexmoe-rainbow">
        <a class="nexmoefont icon-calendar-fill">2025年03月07日</a>
        
            <a class="nexmoefont icon-appstore-fill -link" href="/categories/%E5%8C%85%E7%AE%A1%E7%90%86%E5%B7%A5%E5%85%B7/">包管理工具</a>
        
        
    </div>
    
    
</div>

        <article>
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2025/03/07/%E9%A1%B9%E7%9B%AE%E5%B8%B8%E7%94%A8%E5%86%85%E5%AE%B9/">
            
                <div class="nexmoe-post-cover mdui-ripple absolute" style="padding-top: NaN%;"> 
                    <img src="https://766187397.github.io/images/vue.png" alt="项目常用（前程无忧）" loading="lazy">
                    <h1>项目常用（前程无忧）</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta">
    <div class="nexmoe-rainbow">
        <a class="nexmoefont icon-calendar-fill">2025年03月07日</a>
        
            <a class="nexmoefont icon-appstore-fill -link" href="/categories/%E7%9F%A5%E8%AF%86%E7%A2%8E%E7%89%87/">知识碎片</a>
        
        
    </div>
    
    
</div>

        <article>
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2025/03/07/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/">
            
                <div class="nexmoe-post-cover mdui-ripple absolute" style="padding-top: NaN%;"> 
                    <img src="https://766187397.github.io/images/小程序.png" alt="微信小程序" loading="lazy">
                    <h1>微信小程序</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta">
    <div class="nexmoe-rainbow">
        <a class="nexmoefont icon-calendar-fill">2025年03月07日</a>
        
            <a class="nexmoefont icon-appstore-fill -link" href="/categories/%E5%B0%8F%E7%A8%8B%E5%BA%8F/">小程序</a>
        
        
    </div>
    
    
</div>

        <article>
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2025/03/07/%E7%9F%A5%E8%AF%86%E7%A2%8E%E7%89%87/">
            
                <div class="nexmoe-post-cover mdui-ripple absolute" style="padding-top: NaN%;"> 
                    <img src="https://766187397.github.io/images/vue.png" alt="知识碎片" loading="lazy">
                    <h1>知识碎片</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta">
    <div class="nexmoe-rainbow">
        <a class="nexmoefont icon-calendar-fill">2025年03月07日</a>
        
            <a class="nexmoefont icon-appstore-fill -link" href="/categories/%E7%9F%A5%E8%AF%86%E7%A2%8E%E7%89%87/">知识碎片</a>
        
        
    </div>
    
    
</div>

        <article>
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2025/03/07/%E5%85%B3%E4%BA%8Evue.config.js/">
            
                <div class="nexmoe-post-cover mdui-ripple absolute" style="padding-top: NaN%;"> 
                    <img src="https://766187397.github.io/images/vue.png" alt="关于vue.config.js" loading="lazy">
                    <h1>关于vue.config.js</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta">
    <div class="nexmoe-rainbow">
        <a class="nexmoefont icon-calendar-fill">2025年03月07日</a>
        
            <a class="nexmoefont icon-appstore-fill -link" href="/categories/Vue/">Vue</a>
        
        
    </div>
    
    
</div>

        <article>
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2025/03/07/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%B0%81%E8%A3%85%E6%8A%BD%E7%A6%BB/">
            
                <div class="nexmoe-post-cover mdui-ripple absolute" style="padding-top: NaN%;"> 
                    <img src="https://766187397.github.io/images/小程序.png" alt="小程序封装抽离" loading="lazy">
                    <h1>小程序封装抽离</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta">
    <div class="nexmoe-rainbow">
        <a class="nexmoefont icon-calendar-fill">2025年03月07日</a>
        
            <a class="nexmoefont icon-appstore-fill -link" href="/categories/%E5%B0%8F%E7%A8%8B%E5%BA%8F/">小程序</a>
        
        
    </div>
    
    
</div>

        <article>
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2025/03/07/npm%E5%92%8Cyarn%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/">
            
                <div class="nexmoe-post-cover mdui-ripple absolute" style="padding-top: NaN%;"> 
                    <img src="https://766187397.github.io/images/npmVSyarn.png" alt="npm和yarn常用命令" loading="lazy">
                    <h1>npm和yarn常用命令</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta">
    <div class="nexmoe-rainbow">
        <a class="nexmoefont icon-calendar-fill">2025年03月07日</a>
        
            <a class="nexmoefont icon-appstore-fill -link" href="/categories/%E5%8C%85%E7%AE%A1%E7%90%86%E5%B7%A5%E5%85%B7/">包管理工具</a>
        
        
    </div>
    
    
</div>

        <article>
            
        </article>
    </div>
    
</section>

    <nav class="nexmoe-page-nav">
        <span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><a class="extend next" rel="next" href="/page/2/"><i class="nexmoefont icon-right"></i></a>
    </nav>
  
            <div class="nexmoe-post-right">
              <div class="nexmoe-fixed">
                  <div class="nexmoe-tool"> 
                    
                      
                      <a href="#nexmoe-content" class="toc-link" aria-label="Back To Top" title="top"><button class="mdui-fab mdui-ripple"><i class="nexmoefont icon-caret-top"></i></button></a>
                  </div>
              </div>
            </div>
        </div>
    </div>
    <div id="nexmoe-search-space">
	<div class="search-container">
		<div class="search-header">
			<div class="search-input-container">
				<input
					class="search-input"
					type="text"
					placeholder="搜索"
					oninput="sinput();"
				/>
			</div>
			<a class="search-close" onclick="sclose();">×</a>
		</div>
		<div class="search-body"></div>
	</div>
</div>

    
<script src="/lib/mdui_043tiny/mdui.js"></script>
<script src="/lib/fancybox/fancybox.umd.js"></script>


<script async src="/js/app.js?v=1741314115724"></script>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2058306854838448" crossorigin="anonymous"></script>

</body>

</html>