<!--                                                                                                                              
                                                                                                                             
                                                                                                                             
                                         ..;+$&& &&&&$Xx;                                                                  
                                      ..;+$&&&&&&&&&&&&&&&&&$Xx;                                                                  
                                      .x&&&&&&&&&&&&&&&&&&&&&&&&&&&&:                                                             
                                   .x&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&;                                                          
                                   X&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&;                                                       
                                 .x&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&X:                                                    
                                :X&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&x                                                   
                              :$&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&.                                                 
                             :$&&&&&&&&&&&&&$$$$$$$$$$$$$$&&&&&&&&&&&&&&&&&&&&&&&+                                                
                            ;$&&&&&&&&&$$$XXXXXXXxxxxxxXXXXXX$$$$&&&&&&&&&&&&&&&&&x                                               
                            X&&&&&&&&$$XXXXXXxXxxxxxxxxxxxxxxxxxxxxX$&&&&&&&&&&&&&&&                                              
                           :&&&&&&&$$$XXXXXXxxxxxxx+x++++++++++++xxxxxxX$&&&&&&&&&&&;                                             
                          .$&&&&&&$$$XXXXXxxxxxxxxxx++++++++++++++++++xxxx$&&&&&&&&&X                                             
                          $&&&&&&$$$XXXXxxxxxxxxx+++++++++++++++++++++++xxxx$&&&&&&&&                                             
                         :&&&&&&$$$XXXXXxxxxxxxxx+++++++++++++;+++++++++++xxxX$&&&&&&.                                            
                         $&&&&&$$$XXXXXXxxxxxxx++++++++++++++++++++++++++++xxxX$&&&&&+                                            
                        .&&&&&&$$XXXXXxxxxxxxxx++++++++++++;;+++++++++++++++xxxX$&&&&+                                            
                        ;&&&&&&$$XXXXxxxxxxxx+++++++++++++++++++++;++++++++++xxxX&&&&x                                            
                        X&&&&&$$XXXXXXXXxxxxx+++++;;+;;;;;;;;;++;;;;++++++++++xxX$&&&&.                                           
                        X&&&&&$XX$&&&&&&&&&$$Xxxx++++++;;;;;+++++;++++++++++++xxX$&&&&X                                           
                        X&&&&$X$&&&&&&&&&&&&&&&$$Xxxxx++++++++++++++++++++++xxxxx$&&&&$                                           
                        &&&&&XX$&&&$$$$$$$$$$&&$$$$XXXx+++++++xxxXXX$$$&&&$$$$$XxX&&&&+                                           
                        X&&&&XXXXXXXxxxx++xxXX$$$$XXXXxx++++xxXXXX$$$&&&&&&&&&&&Xx&&&&.                                           
                        +&&&XXxXXxxxxxx++++++xxxXXXXXxxx++++xxXXXXXXXXxxxxxxX$$$$X&&&x                                            
                        X&&&XXXXXxXX$XXXXxxxX$XxxXXXXxxx+++++xXXXXxxxx++++++++xxxx&&&;                                            
                       ;$&&XxxXXXX$$&&&&&&&&&&$$xXXXXXx++;+++xXXXX$$&&$$$$Xx++++++X&&                                             
                       X$&&xxxxXX$$$$$$&&&&&&X$&$+xxxXx++;+++xxxX&&&&&&&&$&&&$Xx++x&+                                             
                      ;$$&$XxxxxxxxxXxxXXXXxxx+++++xxxx++;++++++++xxX&&&&XXXXXXx+++&$:                                            
                      +$$$$xxxxxxx++xxxxxxxxxx++x+xxxxx++;;+++++++xxx++++++++++++++$$+                                            
                      .XX$$xxxxxxx+++++++++++++++xxxxxx++;+++++++++++xxx+++++++++++Xx+                                            
                       xX$$xxxxxxx++++++++++++++xxxxxxx++;;+++++++;+++;+;;;;;++++++x++                                            
                       ;XX$Xxxxxxx+++++++++++++xxxxxxxx++;+++++++++;;;;;;;;;;+++++++;.                                            
                        +X$XXxxxx+++++++++++++xxXXxxxxx+;;;++++xx+++;;;;;;++++++++++.                                             
                         +$XXXxxxx+++++++++++xxxxxxxxxx+;;;+++++xxx+++;;;+;;;++++++:                                              
                          XXXXxxxx+++++++++xxxxx+++xxxx++++++++++xxx++++++++++++++.                                               
                           ;XXXXxxxx++++xxxxxxxxxxxxxxxx++++++++++xxxx+++++++++++;                                                
                            xXXXXxxxxxxxxxxxxX$$$$&&&$$XXXX$&&$$Xx++xxxx+++++++++:                                                
                            +XXXXXXXXxXxxxxxxX$$$$$$$$$$$$$$$$$$X++++xxxxxxxxx+++                                                 
                            ;XXX$$XXXxxxxxxxxXXXXXXXXXXXXx++++++++++++xxxxxxxxx+;                              ;++;:              
                            .xXX$$$XxxxxxxxxXxxxxxxx++++++++++++++xxx++++xxxxx++                              ;xx++;;             
                             +XXX$XXxxxxxxXXXXxxxxxx++++++++++++++xxxxx+++xxxxx:            .                .xxx+++;             
                              XXXXXXXxxxxX$&&&&&&$$$$XxxxXX$$$$$$&&&$Xx++++xxx;           :+++;.             +xxxx++;             
                              .XXX$XXXxxxxxxXX$$$$$$$$&$$$XxXXXXx+xxXXxx+xxxx;            x+++;;             Xxx+x++:             
                               ;$$$$XXXxxxxxxxxXXX$$$XXxxxxXXxx++++++xxxxxxx+            .xx++;;.           :Xxxxx++.             
                                +$$$$$$XXxxxxxxxxXXXXXXXXXXxxxx++++++xxxxxx;             :xx+++;;           ;Xxxxxx+              
                                 $&$$$$$$XXxxxxxxxxXXXXXXXXxxxx++++xxxxxXx;              :x+++++;           xx+++++:              
                            ..   $&&&$$$$XXXxxxxxxxxxxxxxxxxxxxxxxxxxxxxX:               .Xx+++++          .xx+++++.              
                        X&&&&&&&&&&&&&&&$$XXXxxxxxxxxxxxxxxxxxxxxxxxxxx+                  XXxxx++.         +xx+++++.              
                      $&&&&&&&&&&&&$&&&&&$$$XXXxxxxxxxxxxxxxxxxxxxxXXX+                   +xx+++;;        .Xx++++++               
                   :$&&&&&&&&&&&&&&&&$&&&&&&$$XXXXXXXXXXXXxxxxXXXXXXXx.                   ;Xx+++++.       ;Xxx+++++               
                  $&&&&&&&&&&&&&&$$$&&&&&&&&&&&$$$XXXXXXXXXXXX$$$$$Xxx                    +Xx+++++;       xxx+xxx+;               
             .;&&&&&&&&&&&&&&&&&&$$$$$&&&&&&&&&&&&&&&$$$$$$&&&&$$XXxx+                    +Xxxxx+++      :Xxx+++++:               
       +$&&&&&&&&&&&&&&&&&&&&&&&&$$$$$$$&&&&&&&&&&&&&&&&&&&&&$$XXxxxx+                    .$Xxxx+++:     xXxx++++;.               
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&$$$$$$$$&&&&&&&&&&&&&&&&&&$$XXxxxxx;                     XXx+++++:    .XXxx++++;                
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&$$XXX$$$$&&&&&&$$&&&&&$$$$Xxxxxxxx&.                    +Xx+++++;    ;XXxx++++:                
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&XXXXX$$$$$&&&&&&&$$$$$$XXXxxxxxX&&:                   ;Xxx+++++   .xXxxxxx++                 
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&XxxxXXXX$$$$$$$$$$$XXXXxxxxxxx&&&&                   .$Xxx++++.  +xxxxxxx+;                 
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&xxxxxxxxxxx+++x++xxxxxxxxxxx$&&&&&&&&&&&&X.        .XXxx+++++;;;;+++++++;                 
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&x+xxxxxxxxxxxxx+xxxxxxxxxX&&&&&&&&&&&&&&&&&;     .$$Xx+++++++++++++++++;;::.            
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&+xxxxxxxx++xxxxxxxxxxXX$&&&&&&&&&&&&&&&&&&&.   .$Xxx++++++++++++++x+++xxxxxx+++       
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&Xxxxxxx+++++xxxxxxxXX$&&&&&&&&&&&&&&&&&&&&X  .$$Xxx++++++++++x++xxxXXxxXxx++;++.    
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&$xxxxx+++++++xxxxX$$&$&&&&&&&&&&&&&&&&&&&&  $$Xx+++++++++++xx+XXX$$$X$Xx++++++.   
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&Xxx++++++++xxxX$$$$&&&&&&&&&&&&&&&&&&&&&:X$$x+x++xx+x++xxxxX$X$$$$$Xx++++++.   
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&Xx++++xxxX$$&&&&&&&&&&&&&&&&&&&&&&&&&$$X++x++xx+++xxxXX$$$$$$Xx+++++++.   
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&$XXX+++++++++xxxXX$$$$$$Xx+++++++x;  
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&$XX$X++++++++xxxXX$$$$$$x++++++++++; 
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&$Xxx$$x+++++xxxxX$$$$$$Xx+++++++++++:
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&$Xxxx$Xx+++++xxxX$$$$$Xxx++++++++++++
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&$Xxxxx$$x++++xXX$$$$$$Xxx+++++x+++++:
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&XXxxxxX$x+++xXXxxXXxxxxxx+;+xx++++; 
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&$XXxxxxxXXXXXxxxxXXXxx++++++xx++++: 
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&$XXXX$$$$$Xxx++xxxxxxx+++++xXxx++. 
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&$$$$$$$$$$Xx++++xxXXxxx++x+xXXxx:  
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&$$$$$$$$$$Xxx+xxxxxxxxxxxXXXXx    
     &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&$$$$$$$$$$$XxxxxxxxxxxXxxXXx+.     
    
    这些是HTML代码，真没啥好看的 - 杰
    
-->


<!-- 
conda换源：
conda config --show channels
conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/
conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/main/
conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/pytorch/
conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/conda-forge/

pip换源：
pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple
-->


<!DOCTYPE html>
<html lang="zh-CN" color-mode="light">

<head>
  <meta charset="utf-8">
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1" /> -->
  <meta name="viewport" content="width=device-width, initial-scale=0.8, maximum-scale=1, user-scalable=no">

  
  <meta name="author" content="杰" />
  <meta name="description" content="" />
  
  
  <title>
    
      归档 
      
      
      |
    
     人工智能小站站
  </title>

  
    <link rel="apple-touch-icon" href="/images/favicon.png">
    <link rel="icon" href="/images/favicon.png">
  

  <!-- Raleway-Font -->
  <!-- <link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet"> -->

  <!-- hexo site css -->
  <link rel="stylesheet" href="/css/main.css" />
  <link rel="stylesheet" href="//at.alicdn.com/t/font_1886449_67xjft27j1l.css" />

  <!-- <style>
    @font-face {
      font-family: 'NotoSansSC';
      src: url('https://pub-0a02c629549c4638b41011dd3ce66f6a.r2.dev/NotoSansSC-Regular.ttf') format('truetype');
    }

    body {
      font-family: NotoSansSC,sans-serif;
    }
  </style> -->

  <!-- 代码块风格 -->
  

  <!-- jquery3.3.1 -->
  
    <script defer type="text/javascript" src="/plugins/jquery.min.js"></script>
  

  <!-- fancybox -->
  
    <link href="/plugins/jquery.fancybox.min.css" rel="stylesheet">
    <script defer type="text/javascript" src="/plugins/jquery.fancybox.min.js"></script>
  
  
<script src="/js/fancybox.js"></script>


  <script>
    var html = document.documentElement
    const colorMode = localStorage.getItem('color-mode')
    if (colorMode) {
      document.documentElement.setAttribute('color-mode', colorMode)
    }
  </script>
<!-- hexo injector head_end start -->
<link rel="stylesheet" href="/plugins/katex/dist/katex.min.css">

<link rel="stylesheet" href="/plugins/hexo-math/dist/style.css">
<!-- hexo injector head_end end --><meta name="generator" content="Hexo 7.3.0"></head>


  <body>
    <div id="app">
      <div class="header">
  <div class="avatar">
    <a href="/">
      <!-- 头像取消懒加载，添加no-lazy -->
      
        <img src="/images/avatar.webp" alt="">
      
    </a>
    <div class="nickname"><a href="/">hahaha.love 个人学习笔记</a></div>
  </div>
  <div class="navbar">
    <ul>
      
        <li class="nav-item" data-path="/">
          <a href="/">首页</a>
        </li>
      
        <li class="nav-item" data-path="/tags/编程语言/">
          <a href="/tags/编程语言/">编程语言</a>
        </li>
      
        <li class="nav-item" data-path="/archives/">
          <a href="/archives/">日期归档</a>
        </li>
      
        <li class="nav-item" data-path="/tags/">
          <a href="/tags/">标签</a>
        </li>
      
        <li class="nav-item" data-path="/life/">
          <a href="/life/">生活</a>
        </li>
      
        <li class="nav-item" data-path="/software/">
          <a href="/software/">软件下载</a>
        </li>
      
        <li class="nav-item" data-path="/about/">
          <a href="/about/">关于我</a>
        </li>
      
    </ul>
  </div>
</div>


<script src="/js/activeNav.js"></script>


        <div class="flex-container">
          <!-- 归档页，展示本站所有文章，按照年份降序归类，url形式：https://yoursite/archives/ -->

<!-- last: 按年份把文章分组，当前遍历到的年份 -->
<!-- now: 当前遍历到的文章的发布年份 -->

<div class="container archives">
  <div class="post-list">
    
        <!-- 后续文章的发布年份呈现 -->
        <div class="content-title">
          <h2>
            <span>2024</span>
          </h2>
        </div>
      
      <div class="post-item" title="只需5MB浏览器也能可完成人脸+关键点检测">
        <div class="time-m-d">10-22</div>
        <div class="title">
          <a href="/2024/10/22/%E5%8F%AA%E9%9C%805MB%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B9%9F%E8%83%BD%E5%8F%AF%E5%AE%8C%E6%88%90%E4%BA%BA%E8%84%B8+%E5%85%B3%E9%94%AE%E7%82%B9%E6%A3%80%E6%B5%8B/">
            <span>只需5MB浏览器也能可完成人脸+关键点检测</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="自然语言处理-Transformer模型">
        <div class="time-m-d">06-16</div>
        <div class="title">
          <a href="/2024/06/16/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86-Transformer%E6%A8%A1%E5%9E%8B/">
            <span>自然语言处理-Transformer模型</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="自然语言处理-序列到序列模型(Seq2seq)">
        <div class="time-m-d">05-30</div>
        <div class="title">
          <a href="/2024/05/30/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86-%E5%BA%8F%E5%88%97%E5%88%B0%E5%BA%8F%E5%88%97%E6%A8%A1%E5%9E%8B(Seq2seq)/">
            <span>自然语言处理-序列到序列模型(Seq2seq)</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="自然语言处理-循环神经网络(RNN BRNN LSTM GRU)">
        <div class="time-m-d">05-27</div>
        <div class="title">
          <a href="/2024/05/27/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86-%E5%BE%AA%E7%8E%AF%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C(RNN%20BRNN%20LSTM%20GRU)/">
            <span>自然语言处理-循环神经网络(RNN BRNN LSTM GRU)</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="自然语言处理-语言模型的演进与技术剖析">
        <div class="time-m-d">05-23</div>
        <div class="title">
          <a href="/2024/05/23/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86-%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B%E7%9A%84%E6%BC%94%E8%BF%9B%E4%B8%8E%E6%8A%80%E6%9C%AF%E5%89%96%E6%9E%90/">
            <span>自然语言处理-语言模型的演进与技术剖析</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="实验：机器学习之K-Means聚类">
        <div class="time-m-d">05-16</div>
        <div class="title">
          <a href="/2024/05/16/%E5%AE%9E%E9%AA%8C%EF%BC%9A%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E4%B9%8BK-Means%E8%81%9A%E7%B1%BB/">
            <span>实验：机器学习之K-Means聚类</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="实验：Blazeface人脸检测">
        <div class="time-m-d">04-30</div>
        <div class="title">
          <a href="/2024/04/30/%E5%AE%9E%E9%AA%8C%EF%BC%9ABlazeface%E4%BA%BA%E8%84%B8%E6%A3%80%E6%B5%8B/">
            <span>实验：Blazeface人脸检测</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="OpenCV基础">
        <div class="time-m-d">04-30</div>
        <div class="title">
          <a href="/2024/04/30/OpenCV%E5%9F%BA%E7%A1%80/">
            <span>OpenCV基础</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="线性代数基础">
        <div class="time-m-d">03-09</div>
        <div class="title">
          <a href="/2024/03/09/%E7%BA%BF%E6%80%A7%E4%BB%A3%E6%95%B0%E5%9F%BA%E7%A1%80/">
            <span>线性代数基础</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="微积分基础">
        <div class="time-m-d">03-03</div>
        <div class="title">
          <a href="/2024/03/03/%E5%BE%AE%E7%A7%AF%E5%88%86%E5%9F%BA%E7%A1%80/">
            <span>微积分基础</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Pandas基础">
        <div class="time-m-d">02-27</div>
        <div class="title">
          <a href="/2024/02/27/Pandas%E5%9F%BA%E7%A1%80/">
            <span>Pandas基础</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Matplotlib基础">
        <div class="time-m-d">02-24</div>
        <div class="title">
          <a href="/2024/02/24/Matplotlib%E5%9F%BA%E7%A1%80/">
            <span>Matplotlib基础</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Numpy基础">
        <div class="time-m-d">02-23</div>
        <div class="title">
          <a href="/2024/02/23/Numpy%E5%9F%BA%E7%A1%80/">
            <span>Numpy基础</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="大语言模型私有化部署+Langchain自然语言集成+Lora微调">
        <div class="time-m-d">01-08</div>
        <div class="title">
          <a href="/2024/01/08/%E5%A4%A7%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B%E7%A7%81%E6%9C%89%E5%8C%96%E9%83%A8%E7%BD%B2%E5%8F%8A%E5%BE%AE%E8%B0%83/">
            <span>大语言模型私有化部署+Langchain自然语言集成+Lora微调</span>
          </a>
        </div>
      </div>
    
        <!-- 后续文章的发布年份呈现 -->
        <div class="content-title">
          <h2>
            <span>2023</span>
          </h2>
        </div>
      
      <div class="post-item" title="Svelte框架基础">
        <div class="time-m-d">12-06</div>
        <div class="title">
          <a href="/2023/12/06/Svelte%E6%A1%86%E6%9E%B6%E5%9F%BA%E7%A1%80/">
            <span>Svelte框架基础</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="购置云服务器搭建Nginx过程">
        <div class="time-m-d">12-06</div>
        <div class="title">
          <a href="/2023/12/06/%E8%B4%AD%E7%BD%AE%E4%BA%91%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%90%AD%E5%BB%BANginx%E8%BF%87%E7%A8%8B/">
            <span>购置云服务器搭建Nginx过程</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="为VPS安装远程桌面">
        <div class="time-m-d">11-30</div>
        <div class="title">
          <a href="/2023/11/30/%E4%B8%BAVPS%E5%AE%89%E8%A3%85%E8%BF%9C%E7%A8%8B%E6%A1%8C%E9%9D%A2/">
            <span>为VPS安装远程桌面</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Linux基础">
        <div class="time-m-d">11-15</div>
        <div class="title">
          <a href="/2023/11/15/Linux%E5%9F%BA%E7%A1%80/">
            <span>Linux基础</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="AI聊天机器人项目(Chatgpt接口)">
        <div class="time-m-d">11-04</div>
        <div class="title">
          <a href="/2023/11/04/AI%E8%81%8A%E5%A4%A9%E6%9C%BA%E5%99%A8%E4%BA%BA%E9%A1%B9%E7%9B%AE(Chatgpt%E6%8E%A5%E5%8F%A3)/">
            <span>AI聊天机器人项目(Chatgpt接口)</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="PXE无U盘网络安装OracleLinux系统">
        <div class="time-m-d">11-02</div>
        <div class="title">
          <a href="/2023/11/02/PXE%E6%97%A0U%E7%9B%98%E7%BD%91%E7%BB%9C%E5%AE%89%E8%A3%85OracleLinux%E7%B3%BB%E7%BB%9F/">
            <span>PXE无U盘网络安装OracleLinux系统</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="中科曙光服务器飞桨部署过程(海光DCU)">
        <div class="time-m-d">11-01</div>
        <div class="title">
          <a href="/2023/11/01/%E4%B8%AD%E7%A7%91%E6%9B%99%E5%85%89%E6%9C%8D%E5%8A%A1%E5%99%A8%E9%A3%9E%E6%A1%A8%E9%83%A8%E7%BD%B2%E8%BF%87%E7%A8%8B(%E6%B5%B7%E5%85%89DCU)/">
            <span>中科曙光服务器飞桨部署过程(海光DCU)</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Docker compose在Centos设置开机启动">
        <div class="time-m-d">10-28</div>
        <div class="title">
          <a href="/2023/10/28/Docker%20compose%E5%BC%80%E6%9C%BA%E5%90%AF%E5%8A%A8%E8%AE%BE%E7%BD%AE/">
            <span>Docker compose在Centos设置开机启动</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="FastDeploy部署模型">
        <div class="time-m-d">10-27</div>
        <div class="title">
          <a href="/2023/10/27/FastDeploy%E9%83%A8%E7%BD%B2%E6%A8%A1%E5%9E%8B/">
            <span>FastDeploy部署模型</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="实验：从数据标注到PPYOLOE+模型训练">
        <div class="time-m-d">10-26</div>
        <div class="title">
          <a href="/2023/10/26/%E5%AE%9E%E9%AA%8C%EF%BC%9A%E4%BB%8E%E6%95%B0%E6%8D%AE%E6%A0%87%E6%B3%A8%E5%88%B0PPYOLOE+%E6%A8%A1%E5%9E%8B%E8%AE%AD%E7%BB%83/">
            <span>实验：从数据标注到PPYOLOE+模型训练</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="将PaddleDetection识别图像推流到浏览器">
        <div class="time-m-d">10-26</div>
        <div class="title">
          <a href="/2023/10/26/%E5%B0%86PaddleDetection%E8%AF%86%E5%88%AB%E5%9B%BE%E5%83%8F%E6%8E%A8%E6%B5%81%E5%88%B0%E6%B5%8F%E8%A7%88%E5%99%A8/">
            <span>将PaddleDetection识别图像推流到浏览器</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="视频拉流推流相关工具介绍">
        <div class="time-m-d">10-26</div>
        <div class="title">
          <a href="/2023/10/26/%E8%A7%86%E9%A2%91%E6%8B%89%E6%B5%81%E6%8E%A8%E6%B5%81%E7%9B%B8%E5%85%B3%E5%B7%A5%E5%85%B7%E4%BB%8B%E7%BB%8D/">
            <span>视频拉流推流相关工具介绍</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="实验：PaddleDetection目标检测">
        <div class="time-m-d">10-26</div>
        <div class="title">
          <a href="/2023/10/26/%E5%AE%9E%E9%AA%8C%EF%BC%9APaddleDetection%E7%9B%AE%E6%A0%87%E6%A3%80%E6%B5%8B/">
            <span>实验：PaddleDetection目标检测</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="直播链接数据采集">
        <div class="time-m-d">10-26</div>
        <div class="title">
          <a href="/2023/10/26/%E7%9B%B4%E6%92%AD%E8%BF%9E%E6%8E%A5%E6%95%B0%E6%8D%AE%E9%87%87%E9%9B%86/">
            <span>直播链接数据采集</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="服务器空间占满排Bug日志：docker Build Cache 清理">
        <div class="time-m-d">10-21</div>
        <div class="title">
          <a href="/2023/10/21/%E6%9C%8D%E5%8A%A1%E5%99%A8%E7%A9%BA%E9%97%B4%E5%8D%A0%E6%BB%A1%E6%8E%92Bug%E6%97%A5%E5%BF%97%EF%BC%9Adocker%20Build%20Cache%20%E6%B8%85%E7%90%86/">
            <span>服务器空间占满排Bug日志：docker Build Cache 清理</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="优化深度网络模型：策略与实践">
        <div class="time-m-d">10-19</div>
        <div class="title">
          <a href="/2023/10/19/%E4%BC%98%E5%8C%96%E6%B7%B1%E5%BA%A6%E7%BD%91%E7%BB%9C%E6%A8%A1%E5%9E%8B%EF%BC%9A%E7%AD%96%E7%95%A5%E4%B8%8E%E5%AE%9E%E8%B7%B5/">
            <span>优化深度网络模型：策略与实践</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="全连接网络与基础应用">
        <div class="time-m-d">10-18</div>
        <div class="title">
          <a href="/2023/10/18/%E5%85%A8%E8%BF%9E%E6%8E%A5%E7%BD%91%E7%BB%9C%E4%B8%8E%E5%9F%BA%E7%A1%80%E5%BA%94%E7%94%A8/">
            <span>全连接网络与基础应用</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Numpy科学计算库介绍">
        <div class="time-m-d">10-17</div>
        <div class="title">
          <a href="/2023/10/17/Numpy%E7%A7%91%E5%AD%A6%E8%AE%A1%E7%AE%97%E5%BA%93%E4%BB%8B%E7%BB%8D/">
            <span>Numpy科学计算库介绍</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="人工智能数学基础">
        <div class="time-m-d">09-22</div>
        <div class="title">
          <a href="/2023/09/22/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E6%95%B0%E5%AD%A6%E5%9F%BA%E7%A1%80/">
            <span>人工智能数学基础</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="简单的梯度下降的链式求导示例">
        <div class="time-m-d">09-18</div>
        <div class="title">
          <a href="/2023/09/18/%E6%A2%AF%E5%BA%A6%E4%B8%8B%E9%99%8D%E4%BE%8B%E5%AD%90/">
            <span>简单的梯度下降的链式求导示例</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="双目测距实验">
        <div class="time-m-d">09-17</div>
        <div class="title">
          <a href="/2023/09/17/%E5%8F%8C%E7%9B%AE%E6%B5%8B%E8%B7%9D%E5%AE%9E%E9%AA%8C/">
            <span>双目测距实验</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="实验：利用百度飞桨加载预训练Googlenet模型">
        <div class="time-m-d">09-16</div>
        <div class="title">
          <a href="/2023/09/16/%E5%AE%9E%E9%AA%8C%EF%BC%9A%E5%88%A9%E7%94%A8%E7%99%BE%E5%BA%A6%E9%A3%9E%E6%A1%A8%E5%8A%A0%E8%BD%BD%E9%A2%84%E8%AE%AD%E7%BB%83Googlenet%E6%A8%A1%E5%9E%8B/">
            <span>实验：利用百度飞桨加载预训练Googlenet模型</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="实验：手写数字识别(卷积神经网络)">
        <div class="time-m-d">09-16</div>
        <div class="title">
          <a href="/2023/09/16/%E5%AE%9E%E9%AA%8C%EF%BC%9A%E6%89%8B%E5%86%99%E6%95%B0%E5%AD%97%E8%AF%86%E5%88%AB%E5%AE%9E%E9%AA%8C(%E5%8D%B7%E7%A7%AF%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C)/">
            <span>实验：手写数字识别(卷积神经网络)</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="实验：手写数字识别(全连接神经网络)">
        <div class="time-m-d">09-16</div>
        <div class="title">
          <a href="/2023/09/16/%E5%AE%9E%E9%AA%8C%EF%BC%9A%E6%89%8B%E5%86%99%E6%95%B0%E5%AD%97%E8%AF%86%E5%88%AB%E5%AE%9E%E9%AA%8C(%E5%85%A8%E8%BF%9E%E6%8E%A5%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C)/">
            <span>实验：手写数字识别(全连接神经网络)</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="百度飞桨的安装和基本操作">
        <div class="time-m-d">09-16</div>
        <div class="title">
          <a href="/2023/09/16/%E7%99%BE%E5%BA%A6%E9%A3%9E%E6%A1%A8%E7%9A%84%E5%AE%89%E8%A3%85%E5%92%8C%E5%9F%BA%E6%9C%AC%E6%93%8D%E4%BD%9C/">
            <span>百度飞桨的安装和基本操作</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="毕业论文如何编写？">
        <div class="time-m-d">09-14</div>
        <div class="title">
          <a href="/2023/09/14/%E6%AF%95%E4%B8%9A%E8%AE%BA%E6%96%87%E5%A6%82%E4%BD%95%E7%BC%96%E5%86%99/">
            <span>毕业论文如何编写？</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="经典卷积网络模型">
        <div class="time-m-d">09-01</div>
        <div class="title">
          <a href="/2023/09/01/%E7%BB%8F%E5%85%B8%E5%8D%B7%E7%A7%AF%E7%BD%91%E7%BB%9C%E6%A8%A1%E5%9E%8B/">
            <span>经典卷积网络模型</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="机器学习与深度学习：基础与历史">
        <div class="time-m-d">08-01</div>
        <div class="title">
          <a href="/2023/08/01/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E4%B8%8E%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0%EF%BC%9A%E5%9F%BA%E7%A1%80%E4%B8%8E%E5%8E%86%E5%8F%B2/">
            <span>机器学习与深度学习：基础与历史</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="实验：Unet道路分割">
        <div class="time-m-d">07-15</div>
        <div class="title">
          <a href="/2023/07/15/%E5%AE%9E%E9%AA%8C%EF%BC%9AUnet%E9%81%93%E8%B7%AF%E5%88%86%E5%89%B2/">
            <span>实验：Unet道路分割</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="机器学习原理">
        <div class="time-m-d">07-15</div>
        <div class="title">
          <a href="/2023/07/15/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E5%8E%9F%E7%90%86/">
            <span>机器学习原理</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="MicroPython基础">
        <div class="time-m-d">07-02</div>
        <div class="title">
          <a href="/2023/07/02/MicroPython%E5%9F%BA%E7%A1%80/">
            <span>MicroPython基础</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Go语言基础">
        <div class="time-m-d">07-02</div>
        <div class="title">
          <a href="/2023/07/02/Go%E8%AF%AD%E8%A8%80%E5%9F%BA%E7%A1%80/">
            <span>Go语言基础</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Python语言基础">
        <div class="time-m-d">07-01</div>
        <div class="title">
          <a href="/2023/07/01/Python%E8%AF%AD%E8%A8%80%E5%9F%BA%E7%A1%80/">
            <span>Python语言基础</span>
          </a>
        </div>
      </div>
    
        <!-- 后续文章的发布年份呈现 -->
        <div class="content-title">
          <h2>
            <span>2021</span>
          </h2>
        </div>
      
      <div class="post-item" title="16天搞掂7000个考研单词 (转载整理)">
        <div class="time-m-d">11-10</div>
        <div class="title">
          <a href="/2021/11/10/16%E5%A4%A9%E6%90%9E%E6%8E%827000%E4%B8%AA%E8%80%83%E7%A0%94%E5%8D%95%E8%AF%8D%20(%E8%BD%AC%E8%BD%BD%E6%95%B4%E7%90%86)/">
            <span>16天搞掂7000个考研单词 (转载整理)</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="SSH免密码登录">
        <div class="time-m-d">08-01</div>
        <div class="title">
          <a href="/2021/08/01/SSH%E5%85%8D%E5%AF%86%E7%A0%81%E7%99%BB%E5%BD%95/">
            <span>SSH免密码登录</span>
          </a>
        </div>
      </div>
    
  </div>
</div>


          <div id="blockchain"></div>
          <style>
            #hq {
              margin-top: 10px;
              margin-bottom: 10px;
              font-size: 18px;
            }

            #blockchain {
              margin: 0 auto;
              display: none;
              width: 590px;
              flex-direction: column;
              align-items: center;
              background: #ffffffa3;
              border-radius: 5px;
              padding: 5px 10px 10px 10px;
              margin-top: 20px;
            }

            #blockchain .htitle {
              display: flex;
              flex-direction: row;
              align-items: center;
              cursor: pointer;
            }

            #blockchain .hsubtitle {
              color: #555;
              transform: scale(0.8); /* 然后缩小至80% */
              transform-origin: 5px 12px; /* 可能需要指定缩放原点以确保准确缩放 */
            }

            #blockchain .himg {
              width: 25px;
              height: 25px;
              margin-right: 5px;
            }

            #blockchain tr, th {
              font-size: 1.7rem;
              font-weight: normal;
            }

            #blockchain tr, td {
              font-size: 1.6rem;
            }

            #blockchain tr, th, td {
              border: 1px solid #c7c7c7;
              padding: 3px 7px;
            }

            #blockchain table {
              border-collapse: collapse;
              width: 100%;
              font-size: 16px;
              font-family: arial;
            }

            @media (max-width: 800px) {
              #blockchain {
                margin: 0 auto;
                margin-top: 20px;
                display: none;
                /* justify-content: flex-start; */
                padding: 20px 10px;
                width: calc(100% - 40px);
                flex-direction: column;
                align-items: center;
              }
            }
          </style>

          
<script src="/js/axios.min.js"></script>

          <script>
            let ctoname = [
              "BTC",
              "ETH",
              "USDT",
              "BNB",
              "SOL",
              "USDC",
              "XRP",
              "DOGE",
              "ADA",
              "SHIB",
              "AVAX",
              "TRX",
              "DOT",
              "WBTC",
              "BCH",
              "LINK",
              "NEAR",
              "MATIC",
              "ICP",
              "LTC",
              "DAI",
              "UNI",
              "HBAR",
              "ETC",
              "APT",
              "FDUSD",
              "RNDR",
              "ATOM",
              "PEPE",
              "FIL"
            ];

            let ctoname2 = [
                "比特币",
                "以太坊",
                "泰达币",
                "币安币",
                "索拉纳",
                "美元硬币",
                "瑞波币",
                "狗狗币",
                "卡尔达诺",
                "柴犬币",
                "雪崩协议",
                "波场",
                "波卡",
                "包装比特币",
                "比特币现金",
                "链环",
                "近协议",
                "多边形",
                "互联网计算机",
                "莱特币",
                "戴",
                "Uniswap",
                "以太坊经典",
                "赫德拉哈希图",
                "阿普托斯",
                "第一数字美元",
                "渲染令牌",
                "佩佩",
                "宇宙",
                "文件币"
            ];

            let ctoname3 = [
                "Bitcoin",
                "Ethereum",
                "TetherUS",
                "BNB",
                "Solana",
                "USD Coin",
                "Ripple",
                "Dogecoin",
                "Cardano",
                "SHIBA INU",
                "Avalanche",
                "TRON",
                "Polkadot",
                "Wrapped Bitcoin",
                "Bitcoin Cash",
                "ChainLink",
                "NEAR Protocol",
                "Polygon",
                "Internet Computer",
                "Litecoin",
                "Dai",
                "Uniswap",
                "Ethereum Classic",
                "Hedera Hashgraph",
                "Aptos",
                "First Digital USD",
                "Render Token",
                "Pepe",
                "Cosmos",
                "Filecoin"
            ]

            let ctoname4 = [
                "比特币是一种去中心化的数字货币，它允许点对点交易，创建于2009年。",
                "以太坊是一个开源的区块链平台，支持智能合约和去中心化应用，推出于2015年。",
                "泰达币是一种与美元挂钩的稳定币，旨在保持1:1的美元价值。",
                "币安币是币安交易所发行的加密货币，用于支付交易费用和其他服务。",
                "索拉纳是一个高性能区块链平台，旨在提供快速、安全和可扩展的去中心化应用。",
                "USD Coin是一种与美元挂钩的稳定币，由Circle和Coinbase合作推出。",
                "瑞波币是一种由Ripple公司创建的加密货币，旨在促进银行间快速、低成本的跨境支付。",
                "狗狗币是一种基于模因的加密货币，起初作为玩笑创建，但后来因社区支持而流行。",
                "卡尔达诺是一个第三代区块链平台，致力于提供可持续和可扩展的去中心化应用。",
                "柴犬币是一种模仿狗狗币的加密货币，以其社区驱动的发展模式和广泛的在线社区而闻名。",
                "雪崩币是Avalanche区块链平台的原生代币，支持去中心化应用和金融资产。",
                "波场币是波场区块链的原生代币，旨在为数字娱乐产业提供去中心化的内容分享平台。",
                "波卡币是一个多链区块链平台，旨在实现不同区块链之间的互操作性。",
                "包装比特币是比特币在以太坊区块链上的代币化版本，使其能够用于DeFi应用。",
                "比特币现金是比特币的一个分叉，旨在通过增加区块大小来实现更快的交易速度。",
                "Chainlink是一个去中心化的预言机网络，旨在连接智能合约和现实世界的数据。",
                "近邻协议是一个高性能区块链，致力于提供去中心化应用的理想开发平台。",
                "Polygon是一个以太坊扩展解决方案，旨在提供快速、低成本的交易。",
                "Internet Computer是一个去中心化的区块链网络，旨在扩展互联网功能。",
                "莱特币是一种基于比特币协议的加密货币，具有更快的区块生成时间。",
                "Dai是一种由MakerDAO创建的去中心化稳定币，与美元挂钩。",
                "Uniswap是一个基于以太坊的去中心化交易所，允许用户进行代币交换。",
                "Hedera是一个去中心化的公有账本，使用哈希图共识算法。",
                "以太经典是以太坊的一个分叉，保持了原始以太坊链的历史记录。",
                "Aptos是一个新兴的区块链平台，旨在提供高效、安全的去中心化应用。",
                "First Digital USD是一种与美元挂钩的稳定币，旨在提供数字美元的替代方案。",
                "Render Token是一个分布式的GPU渲染网络，旨在提供高效的渲染服务。",
                "宇宙链是一个区块链网络，旨在实现不同区块链之间的互操作性。",
                "Pepe是一种模仿柴犬币的加密货币，以其社区驱动的发展模式而著名。",
                "文件币是一个去中心化的存储网络，旨在利用区块链技术提供安全的数据存储。"
            ];

            async function requestBlockChain() {
              const instance = axios.get("/blockchain")
              let jsonData = (await instance).data

              let table = `<h2 id='hq'>虚拟货币行情</h2>
                <div style="font-size: 1.5rem; font-weight: normal; padding: 0px 0px 10px 0px;">(美元对人民币汇率：${jsonData['exchange']})</div>
                <table border='1'>
                  <tr>
                    <th width="40%">虚拟货币</th>
                    <th width="30%">价格(人民币)</th>
                    <th width="30%">价格(美元)</th>
                  </tr>`;
              
              for (let i = 0; i <= 20; i++) {
                if (!jsonData['list'][ctoname[i]]) {
                  continue;
                }

                let rmb = Math.round(jsonData['list'][ctoname[i]] * jsonData['exchange'] * 100000) / 100000;
                let usd = jsonData['list'][ctoname[i]]

                table += `
                <tr>
                  <td>
                    <div class="htitle" title="${ctoname4[i]}">
                      <img class="himg" src="/images/BlockChain/${ctoname[i]}.jpg" />
                      ${ctoname[i]}
                      <span class="hsubtitle">
                        (${ctoname2[i]})
                      </span>
                    </div>
                  </td>
                  <td>${rmb}</td>
                  <td>${usd}</td>
                </tr>`;
              }

              // for (let currency in jsonData) {
              //   table += `<tr><td>${ctoname[currency].name}</td><td>${jsonData[currency]}</td></tr>`;
              // }
              table += "</table>";

              document.getElementById("blockchain").innerHTML = table;
              document.getElementById("blockchain").style.display = "flex"
            }

            requestBlockChain()
          </script>

          
<div class="footer">
  <div class="social">
    <ul>
      
        <li>
          <a title="github" href="">
            <i class="iconfont icon-"></i>
          </a>
        </li>
      
        <li>
          <a title="wechat" href="">
            <i class="iconfont icon-wechat"></i>
          </a>
        </li>
      
    </ul>
  </div>
  
    
    <div class="footer-more">
      
        <a target="_blank" rel="noopener" href="https://github.com/zchengsite/hexo-theme-oranges">Copyright © 2024 lijunjie</a>
        
    </div>
  
    
    <div class="footer-more">
      
        <a href="https://hahaha.love">Theme by Oranges | Powered by Lijunjie</a>
        
    </div>
  
  
</div>


<script async src="/plugins/consolevideo.js"></script>
        </div>

        <div class="tools-bar">
          <div class="back-to-top tools-bar-item hidden">
  <a href="javascript: void(0)">
    <i class="iconfont icon-chevronup"></i>
  </a>
</div>


<script src="/js/backtotop.js"></script>


  <div class="search-icon tools-bar-item" id="search-icon">
    <a href="javascript: void(0)">
      <i class="iconfont icon-search"></i>
    </a>
  </div>

  <div class="search-overlay hidden">
    <div class="search-content" tabindex="0">
      <div class="search-title">
        <span class="search-icon-input">
          <a href="javascript: void(0)">
            <i class="iconfont icon-search"></i>
          </a>
        </span>
        
          <input type="text" class="search-input" id="search-input" placeholder="搜索...">
        
        <span class="search-close-icon" id="search-close-icon">
          <a href="javascript: void(0)">
            <i class="iconfont icon-close"></i>
          </a>
        </span>
      </div>
      <div class="search-result" id="search-result"></div>
    </div>
  </div>

  <script type="text/javascript">
    var inputArea = document.querySelector("#search-input")
    var searchOverlayArea = document.querySelector(".search-overlay")

    inputArea.onclick = function() {
      getSearchFile()
      this.onclick = null
    }

    inputArea.onkeydown = function() {
      if(event.keyCode == 13)
        return false
    }

    function openOrHideSearchContent() {
      let isHidden = searchOverlayArea.classList.contains('hidden')
      if (isHidden) {
        searchOverlayArea.classList.remove('hidden')
        document.body.classList.add('hidden')
        // inputArea.focus()
      } else {
        searchOverlayArea.classList.add('hidden')
        document.body.classList.remove('hidden')
      }
    }

    function blurSearchContent(e) {
      if (e.target === searchOverlayArea) {
        openOrHideSearchContent()
      }
    }

    document.querySelector("#search-icon").addEventListener("click", openOrHideSearchContent, false)
    document.querySelector("#search-close-icon").addEventListener("click", openOrHideSearchContent, false)
    searchOverlayArea.addEventListener("click", blurSearchContent, false)

    var searchFunc = function (path, search_id, content_id) {
      'use strict';
      var $input = document.getElementById(search_id);
      var $resultContent = document.getElementById(content_id);
      $resultContent.innerHTML = "<ul><span class='local-search-empty'>首次搜索，正在载入索引文件，请稍后……<span></ul>";
      $.ajax({
        // 0x01. load xml file
        url: path,
        dataType: "xml",
        success: function (xmlResponse) {
          // 0x02. parse xml file
          var datas = $("entry", xmlResponse).map(function () {
            return {
              title: $("title", this).text(),
              content: $("content", this).text(),
              url: $("url", this).text()
            };
          }).get();
          $resultContent.innerHTML = "";

          $input.addEventListener('input', function () {
            // 0x03. parse query to keywords list
            var str = '<ul class=\"search-result-list\">';
            var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
            $resultContent.innerHTML = "";
            if (this.value.trim().length <= 0) {
              return;
            }
            // 0x04. perform local searching
            datas.forEach(function (data) {
              var isMatch = true;
              var content_index = [];
              if (!data.title || data.title.trim() === '') {
                data.title = "Untitled";
              }
              var orig_data_title = data.title.trim();
              var data_title = orig_data_title.toLowerCase();
              var orig_data_content = data.content.trim().replace(/<[^>]+>/g, "");
              var data_content = orig_data_content.toLowerCase();
              var data_url = data.url;
              var index_title = -1;
              var index_content = -1;
              var first_occur = -1;
              // only match artiles with not empty contents
              if (data_content !== '') {
                keywords.forEach(function (keyword, i) {
                  index_title = data_title.indexOf(keyword);
                  index_content = data_content.indexOf(keyword);

                  if (index_title < 0 && index_content < 0) {
                    isMatch = false;
                  } else {
                    if (index_content < 0) {
                      index_content = 0;
                    }
                    if (i == 0) {
                      first_occur = index_content;
                    }
                    // content_index.push({index_content:index_content, keyword_len:keyword_len});
                  }
                });
              } else {
                isMatch = false;
              }
              // 0x05. show search results
              if (isMatch) {
                str += "<li><a href='" + data_url + "' class='search-result-title'>" + orig_data_title + "</a>";
                var content = orig_data_content;
                if (first_occur >= 0) {
                  // cut out 100 characters
                  var start = first_occur - 20;
                  var end = first_occur + 80;

                  if (start < 0) {
                    start = 0;
                  }

                  if (start == 0) {
                    end = 100;
                  }

                  if (end > content.length) {
                    end = content.length;
                  }

                  var match_content = content.substr(start, end);

                  // highlight all keywords
                  keywords.forEach(function (keyword) {
                    var regS = new RegExp(keyword, "gi");
                    match_content = match_content.replace(regS, "<span class=\"search-keyword\">" + keyword + "</span>");
                  });

                  str += "<p class=\"search-result-abstract\">" + match_content + "...</p>"
                }
                str += "</li>";
              }
            });
            str += "</ul>";
            if (str.indexOf('<li>') === -1) {
              return $resultContent.innerHTML = "<ul><span class='local-search-empty'>没有找到内容，请尝试更换检索词。<span></ul>";
            }
            $resultContent.innerHTML = str;
          });
        },
        error: function(xhr, status, error) {
          $resultContent.innerHTML = ""
          if (xhr.status === 404) {
            $resultContent.innerHTML = "<ul><span class='local-search-empty'>未找到search.xml文件，具体请参考：<a href='https://github.com/zchengsite/hexo-theme-oranges#configuration' target='_black'>configuration</a><span></ul>";
          } else {
            $resultContent.innerHTML = "<ul><span class='local-search-empty'>请求失败，尝试重新刷新页面或稍后重试。<span></ul>";
          }
        }
      });
      $(document).on('click', '#search-close-icon', function() {
        $('#search-input').val('');
        $('#search-result').html('');
      });
    }

    var getSearchFile = function() {
        var path = "/search.xml";
        searchFunc(path, 'search-input', 'search-result');
    }
  </script>


        </div>
    </div>

  </body>

</html>