index.html

<!DOCTYPE html><html lang="en-us" >

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="generator" content="Source Themes Academic 4.8.0">

  
  <meta name="author" content="X-Lab">

  
  <meta name="description" content="技术传播文明，践行同步世界">

  
  <link rel="alternate" hreflang="en-us" href="http://www.x-lab.info/">

  
  <meta name="theme-color" content="#2962ff">
  

  <script src="/js/mathjax-config.js"></script>
  

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/academicons/1.8.6/css/academicons.min.css" integrity="sha256-uFVgMKfistnJAfoCUQigIl+JfUaP47GrRKjf6CTPVmw=" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-1/css/all.min.css" integrity="sha256-4w9DunooKSr3MFXHXWyFER38WmPdm361bQS/2KUWZbU=" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" integrity="sha256-Vzbj7sDDS/woiFS3uNKo8eIuni59rjyNGtXfstRzStA=" crossorigin="anonymous">

    
          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/github.min.css" crossorigin="anonymous" title="hl-light">
          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/dracula.min.css" crossorigin="anonymous" title="hl-dark" disabled>
        
      
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.5.1/leaflet.css" integrity="sha256-SHMGCYmST46SoyGgo4YR/9AlK1vf3ff84Aq9yK4hdqM=" crossorigin="anonymous">
    

        <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.1.2/lazysizes.min.js" integrity="sha256-Md1qLToewPeKjfAHU1zyPwOutccPAm5tahnaw7Osw0A=" crossorigin="anonymous" async></script>
      
    
        <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js" integrity="" crossorigin="anonymous" async></script>
      
    
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700%7CRoboto:400,400italic,700%7CRoboto+Mono&display=swap">
  

  <link rel="stylesheet" href="/css/academic.css">

  
  <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
  

  <link rel="alternate" href="/index.xml" type="application/rss+xml" title="X-Lab - 技术传播文明，践行同步世界">
  

  <link rel="manifest" href="/index.webmanifest">
  <link rel="icon" type="image/png" href="/images/icon_hu0b7a4cb9992c9ac0e91bd28ffd38dd00_9727_32x32_fill_lanczos_center_2.png">
  <link rel="apple-touch-icon" type="image/png" href="/images/icon_hu0b7a4cb9992c9ac0e91bd28ffd38dd00_9727_192x192_fill_lanczos_center_2.png">

  <link rel="canonical" href="http://www.x-lab.info/">

  
  <meta property="twitter:card" content="summary">
  
  <meta property="og:site_name" content="X-Lab - 技术传播文明，践行同步世界">
  <meta property="og:url" content="http://www.x-lab.info/">
  <meta property="og:title" content="X-Lab - 技术传播文明，践行同步世界">
  <meta property="og:description" content="技术传播文明，践行同步世界"><meta property="og:image" content="http://www.x-lab.info/images/logo_hu3ace0f88f5b266a672736d37108d6485_140636_300x300_fit_lanczos_2.png">
  <meta property="twitter:image" content="http://www.x-lab.info/images/logo_hu3ace0f88f5b266a672736d37108d6485_140636_300x300_fit_lanczos_2.png"><meta property="og:locale" content="en-us">
  
    <meta property="og:updated_time" content="2030-06-01T13:00:00&#43;00:00">
  

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "http://www.x-lab.info/?q={search_term_string}",
    "query-input": "required name=search_term_string"
  },
  "url": "http://www.x-lab.info/"
}
</script>


    <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "@id": "http://www.x-lab.info/",
  "name": "X-Lab",
  "logo": "http://www.x-lab.info/images/logo_hu3ace0f88f5b266a672736d37108d6485_140636_192x192_fit_lanczos_2.png",
  
  
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "3663 North Zhongshan Road",
    "addressLocality": "Shanghai",
    "addressRegion": "Putuo District",
    "postalCode": "",
    "addressCountry": "CN"
  },
  
  "telephone": "888 888 88 88",
  "url": "http://www.x-lab.info/"
}
</script>

  
  <title>X-Lab - 技术传播文明，践行同步世界</title>

</head>

<body id="top" data-spy="scroll" data-offset="70" data-target="#navbar-main" >

  <aside class="search-results" id="search">
  <div class="container">
    <section class="search-header">

      <div class="row no-gutters justify-content-between mb-3">
        <div class="col-6">
          <h1>Search</h1>
        </div>
        <div class="col-6 col-search-close">
          <a class="js-search" href="#"><i class="fas fa-times-circle text-muted" aria-hidden="true"></i></a>
        </div>
      </div>

      <div id="search-box">
        
        <input name="q" id="search-query" placeholder="Search..." autocapitalize="off"
        autocomplete="off" autocorrect="off" spellcheck="false" type="search">
        
      </div>

    </section>
    <section class="section-search-results">

      <div id="search-hits">
        
      </div>

    </section>
  </div>
</aside>


<nav class="navbar navbar-expand-lg navbar-light compensate-for-scrollbar" id="navbar-main">
  <div class="container">

    
    <div class="d-none d-lg-inline-flex">
      <a class="navbar-brand" href="/"><img src="/images/logo_hu3ace0f88f5b266a672736d37108d6485_140636_0x70_resize_lanczos_2.png" alt="X-Lab - 技术传播文明，践行同步世界"></a>
    </div>
    

    <button type="button" class="navbar-toggler" data-toggle="collapse"
            data-target="#navbar-content" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
    <span><i class="fas fa-bars"></i></span>
    </button>
    

    <div class="navbar-brand-mobile-wrapper d-inline-flex d-lg-none">
      <a class="navbar-brand" href="/"><img src="/images/logo_hu3ace0f88f5b266a672736d37108d6485_140636_0x70_resize_lanczos_2.png" alt="X-Lab - 技术传播文明，践行同步世界"></a>
    </div>
    

    <div class="navbar-collapse main-menu-item collapse justify-content-start" id="navbar-content">

      
      <ul class="navbar-nav d-md-inline-flex">
        

        <li class="nav-item">
          <a class="nav-link " href="/#about" data-target="#about"><span>Home</span></a>
        </li>

        
        <li class="nav-item">
          <a class="nav-link " href="/#people" data-target="#people"><span>People</span></a>
        </li>

        
        <li class="nav-item">
          <a class="nav-link " href="/project/"><span>Projects</span></a>
        </li>

        
        <li class="nav-item">
          <a class="nav-link " href="/#resources" data-target="#resources"><span>Resources</span></a>
        </li>

        
        <li class="nav-item">
          <a class="nav-link " href="/post/"><span>Blog</span></a>
        </li>

        
      </ul>
    </div>

    <ul class="nav-icons navbar-nav flex-row ml-auto d-flex pl-md-2">
      
      <li class="nav-item">
        <a class="nav-link js-search" href="#" aria-label="Search"><i class="fas fa-search" aria-hidden="true"></i></a>
      </li>
      

      <li class="nav-item dropdown theme-dropdown">
        <a href="#" class="nav-link js-theme-selector" data-toggle="dropdown" aria-haspopup="true">
          <i class="fas fa-palette" aria-hidden="true"></i>
        </a>
        <div class="dropdown-menu">
          <a href="#" class="dropdown-item js-set-theme-light">
            <span>Light</span>
          </a>
          <a href="#" class="dropdown-item js-set-theme-dark">
            <span>Dark</span>
          </a>
          <a href="#" class="dropdown-item js-set-theme-auto">
            <span>Automatic</span>
          </a>
        </div>
      </li>
      

    </ul>

  </div>
</nav>


<span class="js-widget-page d-none"></span>


  <section id="about" class="home-section wg-about dark  bg-image parallax " style="background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(&#39;http://www.x-lab.info/img/background.jpg&#39;);" >
    <div class="container">
      

<div class="row">
  <div class="col-12 col-lg-4">
    <div id="profile">

      
      <img class="avatar avatar-circle" src="/author/x-lab/avatar_hu88fb98a190f389160059f928d4283814_6328_270x270_fill_q90_lanczos_center.jpg" alt="X-Lab">
      

      <div class="portrait-title">
        <h2>X-Lab</h2>
        <h3>技术传播文明，践行同步世界</h3>

        
        <h3>
          <a href="http://www.tongji.edu.cn/" target="_blank" rel="noopener">
          <span>Tongji University</span>
          </a>
        </h3>
        
        <h3>
          <a href="http://www.ecnu.edu.cn/" target="_blank" rel="noopener">
          <span>East China Normal University</span>
          </a>
        </h3>
        
      </div>

      <ul class="network-icon" aria-hidden="true">
        
        
        <li>
          <a href="/#contact" >
            <i class="fas fa-envelope big-icon"></i>
          </a>
        </li>
        
        
        <li>
          <a href="/" >
            <i class="fab fa-twitter big-icon"></i>
          </a>
        </li>
        
        
        <li>
          <a href="/" >
            <i class="ai ai-google-scholar big-icon"></i>
          </a>
        </li>
        
        
        <li>
          <a href="https://github.com/X-lab2017" target="_blank" rel="noopener">
            <i class="fab fa-github big-icon"></i>
          </a>
        </li>
        
      </ul>

    </div>
  </div>
  <div class="col-12 col-lg-8">

    
    <h1>About Us</h1>

    <p><strong>X-Lab</strong> is a combination of two leading and pioneering laboratories from <strong>computer science</strong> and <strong>data science and engineering</strong> respectively in Tongji University (同济大学) and East China Normal University (华东师范大学).The lab is supported by a number of core members, including doctorial supervisors, Ph.D students, master students and undergraduate students.</p>
<p><strong>X-Lab</strong> is an intercross multi-discipline, cutting-edge research lab which focuses on the following research domains: <strong>Cloud Computing, Big Data, Data Intelligence,</strong> and <strong>Education Science &amp; Technology</strong>.</p>
<p>With regard to the lab culture, we keep all along holding the several opinions below:</p>
<ul>
<li>Advocating lofty academic feelings and technical feelings!</li>
<li>Encourage highly respected, open and innovative geek culture!</li>
<li>Rejecting the “sophisticated egoism”!</li>
<li>Adhering to the “open”, “equal”, ”positive”, ”mutual respect”, “mutual support” culture!</li>
<li>Stay hungry, stay foolish</li>
</ul>
<p>Your attention to our lab would be highly appreciated. It’s not only our pursuit but also our faith endeavoring to build a harmonious team with a strong sense of belonging: mentors and students like one family!</p>
<p><font color='orangered'>* We are always looking for highly-motivated students to work with us on the exciting area of computer science. If you are interested, please contact us by email.</font></p>


    <div class="row">

      
    </div>
  </div>
</div>

    </div>
  </section>

  
  <section id="people" class="home-section wg-people dark  bg-image parallax " style="background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(&#39;http://www.x-lab.info/img/background.jpg&#39;);" >
    <div class="container">
      

<div class="row justify-content-center people-widget">
  
  <div class="col-md-12 section-heading">
    <h1>Meet the Team</h1>
    
  </div>
  

  <div class="col-md-12">
    <h2 class="mb-4">Faculty</h2>
  </div>
  

  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E6%9C%B1%E4%B8%B9%E4%B8%B9/"><img class="avatar avatar-circle" src="/author/%E6%9C%B1%E4%B8%B9%E4%B8%B9/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E6%9C%B1%E4%B8%B9%E4%B8%B9/">朱丹丹</a></h2>
      <h3>Postdoc</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E6%9D%8E%E5%BB%BA%E7%9B%9B%E9%80%82%E5%85%95/"><img class="avatar avatar-circle" src="/author/%E6%9D%8E%E5%BB%BA%E7%9B%9B%E9%80%82%E5%85%95/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E6%9D%8E%E5%BB%BA%E7%9B%9B%E9%80%82%E5%85%95/">李建盛（适兕）</a></h2>
      <h3>Chief Open Source Officer</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E7%8E%8B%E4%BC%9F/"><img class="avatar avatar-circle" src="/author/%E7%8E%8B%E4%BC%9F/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E7%8E%8B%E4%BC%9F/">王伟</a></h2>
      <h3>Professor</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E7%94%B0%E6%98%A5%E5%B2%90/"><img class="avatar avatar-circle" src="/author/%E7%94%B0%E6%98%A5%E5%B2%90/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E7%94%B0%E6%98%A5%E5%B2%90/">田春岐</a></h2>
      <h3>Associate Professor</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E9%99%86%E9%9B%AA%E6%9D%BE/"><img class="avatar avatar-circle" src="/author/%E9%99%86%E9%9B%AA%E6%9D%BE/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E9%99%86%E9%9B%AA%E6%9D%BE/">陆雪松</a></h2>
      <h3>Associate Professor</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-md-12">
    <h2 class="mb-4">PhD</h2>
  </div>
  

  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E8%B5%B5%E7%94%9F%E5%AE%87/"><img class="avatar avatar-circle" src="/author/%E8%B5%B5%E7%94%9F%E5%AE%87/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E8%B5%B5%E7%94%9F%E5%AE%87/">赵生宇</a></h2>
      <h3>2019</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E4%B8%87%E5%85%B4/"><img class="avatar avatar-circle" src="/author/%E4%B8%87%E5%85%B4/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E4%B8%87%E5%85%B4/">万兴</a></h2>
      <h3>2018</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E5%94%90%E9%AA%8F/"><img class="avatar avatar-circle" src="/author/%E5%94%90%E9%AA%8F/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E5%94%90%E9%AA%8F/">唐骏</a></h2>
      <h3>2018</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E5%BE%90%E5%BD%A6%E5%86%9B/"><img class="avatar avatar-circle" src="/author/%E5%BE%90%E5%BD%A6%E5%86%9B/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E5%BE%90%E5%BD%A6%E5%86%9B/">徐彦军</a></h2>
      <h3>2018</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E9%99%88%E4%BA%AE/"><img class="avatar avatar-circle" src="/author/%E9%99%88%E4%BA%AE/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E9%99%88%E4%BA%AE/">陈亮</a></h2>
      <h3>2019</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-md-12">
    <h2 class="mb-4">Master</h2>
  </div>
  

  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E6%96%B9%E5%AD%9D%E5%90%9B/"><img class="avatar avatar-circle" src="/author/%E6%96%B9%E5%AD%9D%E5%90%9B/avatar_hu433b6f6e2665e26af2ceb5633810814f_34630_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E6%96%B9%E5%AD%9D%E5%90%9B/">方孝君</a></h2>
      <h3>2019硕</h3>
      
      <p class="people-interests">Swimming, Hiphop</p>
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E5%88%98%E7%95%85/"><img class="avatar avatar-circle" src="/author/%E5%88%98%E7%95%85/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E5%88%98%E7%95%85/">刘畅</a></h2>
      <h3>2019</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E5%88%98%E6%B6%B5/"><img class="avatar avatar-circle" src="/author/%E5%88%98%E6%B6%B5/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E5%88%98%E6%B6%B5/">刘涵</a></h2>
      <h3>2018</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E5%8F%B2%E7%BB%8F%E7%8A%87/"><img class="avatar avatar-circle" src="/author/%E5%8F%B2%E7%BB%8F%E7%8A%87/avatar_hued2e367a31556d9f6193308ddae16ac4_104480_270x270_fill_lanczos_center_2.png" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E5%8F%B2%E7%BB%8F%E7%8A%87/">史经犇</a></h2>
      <h3>2020硕</h3>
      
      <p class="people-interests">Basketball</p>
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E5%90%95%E6%89%AC%E6%89%8D/"><img class="avatar avatar-circle" src="/author/%E5%90%95%E6%89%AC%E6%89%8D/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E5%90%95%E6%89%AC%E6%89%8D/">吕扬才</a></h2>
      <h3>2020硕</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E5%90%B4%E4%BD%B3%E6%B4%81/"><img class="avatar avatar-circle" src="/author/%E5%90%B4%E4%BD%B3%E6%B4%81/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E5%90%B4%E4%BD%B3%E6%B4%81/">吴佳洁</a></h2>
      <h3>2018</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E5%90%B4%E7%BB%8D%E5%B2%AD/"><img class="avatar avatar-circle" src="/author/%E5%90%B4%E7%BB%8D%E5%B2%AD/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E5%90%B4%E7%BB%8D%E5%B2%AD/">吴绍岭</a></h2>
      <h3>2018</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E5%91%A8%E6%B7%BB%E4%B8%80/"><img class="avatar avatar-circle" src="/author/%E5%91%A8%E6%B7%BB%E4%B8%80/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E5%91%A8%E6%B7%BB%E4%B8%80/">周添一</a></h2>
      <h3>2018</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E5%A4%8F%E5%B0%8F%E9%9B%85/"><img class="avatar avatar-circle" src="/author/%E5%A4%8F%E5%B0%8F%E9%9B%85/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E5%A4%8F%E5%B0%8F%E9%9B%85/">夏小雅</a></h2>
      <h3>2019</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E5%A8%84%E6%B3%BD%E5%8D%8E/"><img class="avatar avatar-circle" src="/author/%E5%A8%84%E6%B3%BD%E5%8D%8E/avatar_hu34d1d89e35124b4dc65c4c16d77fe9f1_76523_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E5%A8%84%E6%B3%BD%E5%8D%8E/">娄泽华</a></h2>
      <h3>2020 doctoral student</h3>
      
      <p class="people-interests">Cognition, Paradigm(Relation), Policy, Traditional culture, Linguistics</p>
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E6%96%87%E6%9D%B0/"><img class="avatar avatar-circle" src="/author/%E6%96%87%E6%9D%B0/avatar_hu77489cb3c23997a18515915387055d5f_60773_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E6%96%87%E6%9D%B0/">文杰</a></h2>
      <h3>2020硕</h3>
      
      <p class="people-interests">Read, Movie</p>
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E6%9C%B1%E9%A6%99%E5%AE%81/"><img class="avatar avatar-circle" src="/author/%E6%9C%B1%E9%A6%99%E5%AE%81/avatar_hu07c5e059df34d2fa45b44623a49937b0_175526_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E6%9C%B1%E9%A6%99%E5%AE%81/">朱香宁</a></h2>
      <h3>2020</h3>
      
      <p class="people-interests">Reading</p>
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E6%9D%8E%E6%96%87/"><img class="avatar avatar-circle" src="/author/%E6%9D%8E%E6%96%87/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E6%9D%8E%E6%96%87/">李文</a></h2>
      <h3>2018</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E6%9D%8E%E6%99%BA%E4%BC%9F/"><img class="avatar avatar-circle" src="/author/%E6%9D%8E%E6%99%BA%E4%BC%9F/avatar_hu9cd6ee24333918956ec055d387bf5bfa_303489_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E6%9D%8E%E6%99%BA%E4%BC%9F/">李智伟</a></h2>
      <h3>2020硕</h3>
      
      <p class="people-interests">Reading, Music, Movie</p>
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E6%9D%8E%E8%8B%97%E8%BF%9B/"><img class="avatar avatar-circle" src="/author/%E6%9D%8E%E8%8B%97%E8%BF%9B/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E6%9D%8E%E8%8B%97%E8%BF%9B/">李苗进</a></h2>
      <h3>2019</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E6%9D%A8%E5%B0%9A%E8%BE%89/"><img class="avatar avatar-circle" src="/author/%E6%9D%A8%E5%B0%9A%E8%BE%89/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E6%9D%A8%E5%B0%9A%E8%BE%89/">杨尚辉</a></h2>
      <h3>2018</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E6%9D%A8%E9%B8%A3/"><img class="avatar avatar-circle" src="/author/%E6%9D%A8%E9%B8%A3/avatar_hu9dbc22fa02dc47fa133b6ef2a09e6c8d_26571_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E6%9D%A8%E9%B8%A3/">杨鸣</a></h2>
      <h3>2020硕</h3>
      
      <p class="people-interests">Painting, Dancing</p>
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E6%9E%97%E6%B5%B7%E9%93%AD/"><img class="avatar avatar-circle" src="/author/%E6%9E%97%E6%B5%B7%E9%93%AD/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E6%9E%97%E6%B5%B7%E9%93%AD/">林海铭</a></h2>
      <h3>2019</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E6%AF%95%E6%9E%AB%E6%9E%97/"><img class="avatar avatar-circle" src="/author/%E6%AF%95%E6%9E%AB%E6%9E%97/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E6%AF%95%E6%9E%AB%E6%9E%97/">毕枫林</a></h2>
      <h3>2018</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E6%BD%98%E5%A1%98/"><img class="avatar avatar-circle" src="/author/%E6%BD%98%E5%A1%98/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E6%BD%98%E5%A1%98/">潘塘</a></h2>
      <h3>2018</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E7%8E%8B%E7%9A%93%E6%9C%88/"><img class="avatar avatar-circle" src="/author/%E7%8E%8B%E7%9A%93%E6%9C%88/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E7%8E%8B%E7%9A%93%E6%9C%88/">王皓月</a></h2>
      <h3>2019</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E7%BF%81%E6%8C%AF%E6%9D%B0/"><img class="avatar avatar-circle" src="/author/%E7%BF%81%E6%8C%AF%E6%9D%B0/avatar_hu8e09df2b862277750354152460de34b5_36102_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E7%BF%81%E6%8C%AF%E6%9D%B0/">翁振杰</a></h2>
      <h3>2020硕</h3>
      
      <p class="people-interests">playing chess, reading</p>
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E8%8B%97%E6%99%93%E5%8F%98/"><img class="avatar avatar-circle" src="/author/%E8%8B%97%E6%99%93%E5%8F%98/avatar_hu806d3777a96cece1f18d551e321466b4_54568_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E8%8B%97%E6%99%93%E5%8F%98/">苗晓变</a></h2>
      <h3>2020硕</h3>
      
      <p class="people-interests">Swimming, Hiphop</p>
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E8%8C%83%E5%AE%B6%E5%AE%BD/"><img class="avatar avatar-circle" src="/author/%E8%8C%83%E5%AE%B6%E5%AE%BD/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E8%8C%83%E5%AE%B6%E5%AE%BD/">范家宽</a></h2>
      <h3>2018</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E8%8C%83%E8%AF%AD/"><img class="avatar avatar-circle" src="/author/%E8%8C%83%E8%AF%AD/avatar_hue823bd402872fbe3a3aec7ce5b9f0562_129606_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E8%8C%83%E8%AF%AD/">范语</a></h2>
      <h3>2020硕</h3>
      
      <p class="people-interests">Reading, History</p>
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E9%82%B0%E4%B8%BD%E5%AA%9B/"><img class="avatar avatar-circle" src="/author/%E9%82%B0%E4%B8%BD%E5%AA%9B/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E9%82%B0%E4%B8%BD%E5%AA%9B/">邰丽媛</a></h2>
      <h3>2017</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
    <div class="portrait-title">
      <h2><a href="/author/%E9%82%B9%E9%9F%AC/">邹韬</a></h2>
      <h3>2020</h3>
      
      <p class="people-interests">Reading</p>
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E9%83%81%E6%AF%85%E6%98%8E/"><img class="avatar avatar-circle" src="/author/%E9%83%81%E6%AF%85%E6%98%8E/avatar_hub644a51a8796207399e6f2b68459711c_12739_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E9%83%81%E6%AF%85%E6%98%8E/">郁毅明</a></h2>
      <h3>2020硕</h3>
      
      <p class="people-interests">Sports, Reading, Movie</p>
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
    <div class="portrait-title">
      <h2><a href="/author/%E9%99%88%E6%82%A6/">陈悦</a></h2>
      <h3>2020硕</h3>
      
      <p class="people-interests">Movie, music</p>
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E9%99%88%E6%97%AD%E5%88%9A/"><img class="avatar avatar-circle" src="/author/%E9%99%88%E6%97%AD%E5%88%9A/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E9%99%88%E6%97%AD%E5%88%9A/">陈旭刚</a></h2>
      <h3>2019</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E9%9C%8D%E6%96%87%E5%90%9B/"><img class="avatar avatar-circle" src="/author/%E9%9C%8D%E6%96%87%E5%90%9B/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E9%9C%8D%E6%96%87%E5%90%9B/">霍文君</a></h2>
      <h3>2017</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E9%A1%BE%E4%B8%9A%E9%B8%A3/"><img class="avatar avatar-circle" src="/author/%E9%A1%BE%E4%B8%9A%E9%B8%A3/avatar_hud29638f70bbb6a9c93843160b3839704_104693_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E9%A1%BE%E4%B8%9A%E9%B8%A3/">顾业鸣</a></h2>
      <h3>2020</h3>
      
      <p class="people-interests">reading, music, cooking</p>
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E9%BB%84%E7%AB%8B%E6%B3%A2/"><img class="avatar avatar-circle" src="/author/%E9%BB%84%E7%AB%8B%E6%B3%A2/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E9%BB%84%E7%AB%8B%E6%B3%A2/">黄立波</a></h2>
      <h3>2017</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E9%BB%84%E8%B6%85%E7%84%B6/"><img class="avatar avatar-circle" src="/author/%E9%BB%84%E8%B6%85%E7%84%B6/avatar_hu9064ca26c8cd98db31dd018fa5c4e4e4_257207_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E9%BB%84%E8%B6%85%E7%84%B6/">黄超然</a></h2>
      <h3>2020硕</h3>
      
      <p class="people-interests">debate, violin</p>
    </div>
  </div>
  
  
  <div class="col-md-12">
    <h2 class="mb-4">Alumni</h2>
  </div>
  

  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E5%B8%B8%E8%BF%9B%E8%BE%BE/"><img class="avatar avatar-circle" src="/author/%E5%B8%B8%E8%BF%9B%E8%BE%BE/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E5%B8%B8%E8%BF%9B%E8%BE%BE/">常进达</a></h2>
      <h3>15硕</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E5%BB%96%E6%AD%A3%E5%AE%87/"><img class="avatar avatar-circle" src="/author/%E5%BB%96%E6%AD%A3%E5%AE%87/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E5%BB%96%E6%AD%A3%E5%AE%87/">廖正宇</a></h2>
      <h3>16硕</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E5%BC%A0%E6%95%AC%E8%BD%A9/"><img class="avatar avatar-circle" src="/author/%E5%BC%A0%E6%95%AC%E8%BD%A9/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E5%BC%A0%E6%95%AC%E8%BD%A9/">张敬轩</a></h2>
      <h3>15硕</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E5%BC%A0%E7%A4%BC%E5%BA%86/"><img class="avatar avatar-circle" src="/author/%E5%BC%A0%E7%A4%BC%E5%BA%86/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E5%BC%A0%E7%A4%BC%E5%BA%86/">张礼庆</a></h2>
      <h3>16硕</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E5%BC%A0%E9%A6%A8%E8%95%8A/"><img class="avatar avatar-circle" src="/author/%E5%BC%A0%E9%A6%A8%E8%95%8A/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E5%BC%A0%E9%A6%A8%E8%95%8A/">张馨蕊</a></h2>
      <h3>14本</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E6%9D%8E%E9%9D%99/"><img class="avatar avatar-circle" src="/author/%E6%9D%8E%E9%9D%99/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E6%9D%8E%E9%9D%99/">李静</a></h2>
      <h3>16硕</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E6%B2%88%E6%97%AD%E4%B8%9C/"><img class="avatar avatar-circle" src="/author/%E6%B2%88%E6%97%AD%E4%B8%9C/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E6%B2%88%E6%97%AD%E4%B8%9C/">沈旭东</a></h2>
      <h3>16硕</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E7%8E%8B%E6%A5%9A%E6%B6%B5/"><img class="avatar avatar-circle" src="/author/%E7%8E%8B%E6%A5%9A%E6%B6%B5/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E7%8E%8B%E6%A5%9A%E6%B6%B5/">王楚涵</a></h2>
      <h3>14本</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E9%99%88%E6%A2%A6%E5%87%A1/"><img class="avatar avatar-circle" src="/author/%E9%99%88%E6%A2%A6%E5%87%A1/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E9%99%88%E6%A2%A6%E5%87%A1/">陈梦凡</a></h2>
      <h3>15本</h3>
      
      
    </div>
  </div>
  
  
  <div class="col-12 col-sm-auto people-person">
    
    
      <a href="/author/%E9%A1%BE%E9%80%B8%E5%9C%A3/"><img class="avatar avatar-circle" src="/author/%E9%A1%BE%E9%80%B8%E5%9C%A3/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg" alt="Avatar"></a>
    

    <div class="portrait-title">
      <h2><a href="/author/%E9%A1%BE%E9%80%B8%E5%9C%A3/">顾逸圣</a></h2>
      <h3>15硕</h3>
      
      
    </div>
  </div>
  
  
</div>

    </div>
  </section>

  
  <section id="projects" class="home-section wg-portfolio   "  >
    <div class="container">
      

<div class="row">
  <div class="col-12 col-lg-4 section-heading">

    <h1>Projects</h1>
    

  </div>
  <div class="col-12 col-lg-8">


      <span class="d-none default-project-filter">*</span>

      
      <div class="project-toolbar">
        <div class="project-filters">
          <div class="btn-toolbar">
            <div class="btn-group flex-wrap">
              
                
                <a href="#" data-filter="*" class="btn btn-primary btn-lg active">All</a>
              
                
                <a href="#" data-filter=".js-id-Big-Data" class="btn btn-primary btn-lg">Big Data</a>
              
                
                <a href="#" data-filter=".js-id-Cloud-Computing" class="btn btn-primary btn-lg">Cloud Computing</a>
              
                
                <a href="#" data-filter=".js-id-Open-Source" class="btn btn-primary btn-lg">Open Source</a>
              
            </div>
          </div>
        </div>
      </div>
      
    
    <div class="isotope projects-container row js-layout-row project-showcase mt-5">
      

<div class="col-lg-12 project-item isotope-item js-id-Cloud-Computing js-id-Open-Source">
  <div class="row align-items-center">
    <div class="col-12 col-md-6">
      <h3 class="article-title mb-0 mt-0"><a href="https://github.com/kfcoding/gitcourse" target="_blank" rel="noopener">GitCourse</a></h3>

      
      <div class="article-style">
        A react front framework which can present courses made by repositories.
      </div>
      

      <div class="btn-links">
        

      </div>

    </div>
    <div class="col-12 col-md-6 order-first ">
      
      
      <a href="https://github.com/kfcoding/gitcourse" target="_blank" rel="noopener">
        <img src="/project/gitcourse/featured_hua4473ab4944d1ef6e0555f67de4d2901_417336_540x0_resize_lanczos_2.png" alt="">
      </a>
      
    </div>
  </div>
</div>

        
<div class="col-lg-12 project-item isotope-item js-id-Big-Data js-id-Open-Source">
  <div class="row align-items-center">
    <div class="col-12 col-md-6">
      <h3 class="article-title mb-0 mt-0"><a href="https://github.com/hypertrons/hypertrons" target="_blank" rel="noopener">Hypertrons</a></h3>

      
      <div class="article-style">
        An open source robot hosting platform which supports GitHub and GitLab.
      </div>
      

      <div class="btn-links">
        

      </div>

    </div>
    <div class="col-12 col-md-6 order-first order-md-2">
      
      
      <a href="https://github.com/hypertrons/hypertrons" target="_blank" rel="noopener">
        <img src="/project/hypertrons/featured_huf2b4fb8802d1e708b619411977a2273d_13765_540x0_resize_lanczos_2.png" alt="">
      </a>
      
    </div>
  </div>
</div>

        
<div class="col-lg-12 project-item isotope-item js-id-Demo">
  <div class="row align-items-center">
    <div class="col-12 col-md-6">
      <h3 class="article-title mb-0 mt-0"><a href="/project/internal-project/" >Internal Project</a></h3>

      
      <div class="article-style">
        An example of using the in-built project page.
      </div>
      

      <div class="btn-links">
        

  <a class="btn btn-outline-primary my-1 mr-1" href="/slides/example/" target="_blank">
    Slides
  </a>
  

  <a class="btn btn-outline-primary my-1 mr-1" href="https://twitter.com/georgecushen" target="_blank" rel="noopener">
    <i class="fab fa-twitter mr-1"></i>
    Follow
  </a>


      </div>

    </div>
    <div class="col-12 col-md-6 order-first ">
      
      
      <a href="/project/internal-project/" >
        <img src="/project/internal-project/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_224363_540x0_resize_q90_lanczos.jpg" alt="">
      </a>
      
    </div>
  </div>
</div>

        
<div class="col-lg-12 project-item isotope-item js-id-demo">
  <div class="row align-items-center">
    <div class="col-12 col-md-6">
      <h3 class="article-title mb-0 mt-0"><a href="https://github.com/wuhan2020/wuhan2020" target="_blank" rel="noopener">External Project</a></h3>

      
      <div class="article-style">
        An example of linking directly to an external project website using <code>external_link</code>.
      </div>
      

      <div class="btn-links">
        

      </div>

    </div>
    <div class="col-12 col-md-6 order-first order-md-2">
      
      
      <a href="https://github.com/wuhan2020/wuhan2020" target="_blank" rel="noopener">
        <img src="/project/external-project/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_329522_540x0_resize_q90_lanczos.jpg" alt="">
      </a>
      
    </div>
  </div>
</div>

        
    </div>

  </div>
</div>

    </div>
  </section>

  
  <section id="resources" class="home-section wg-accomplishments   "  >
    <div class="container">
      

<div class="row">
  <div class="col-12 col-lg-4 section-heading">
    <h1>Resources</h1>
    
  </div>
  <div class="col-12 col-lg-8">
    

      <div class="card experience course">
        <div class="card-body"><h4 class="card-title exp-title text-muted my-0">开源软件</h4><div class="card-subtitle my-0 article-metadata"><span class="middot-divider"></span>

            Oct 2020
            
          </div>

          
            <div class="card-text">OpenEdx、Canvas、Jupyter Lab、KNIME、Scratch、BlockPy</div>
          

        </div>
      </div>
    
      <div class="card experience course">
        <div class="card-body"><h4 class="card-title exp-title text-muted my-0">顶级会议列表</h4><div class="card-subtitle my-0 article-metadata"><span class="middot-divider"></span>

            Oct 2020
            
          </div>

          
        </div>
      </div>
    
    
  </div>
</div>

    </div>
  </section>

  
  <section id="blog" class="home-section wg-pages   "  >
    <div class="container">
      

<div class="row">
  <div class="col-12 col-lg-4 section-heading">
    <h1>Recent Posts</h1>
    
  </div>
  <div class="col-12 col-lg-8">

    
<div class="media stream-item">
  <div class="media-body">

    <h3 class="article-title mb-0 mt-0">
      <a href="/post/writing-technical-content/" >Writing Technical Content in Academic</a>
    </h3>

    
    <div class="article-style">
      Learn how to write technical content by using various skills.
    </div>
    

    <div class="stream-meta article-metadata">

      
<div class="article-metadata">

  
  <div>
    

  <span><a href="/author/%E6%96%B9%E5%AD%9D%E5%90%9B/">方孝君</a></span>
  </div>
  
  
  <span class="article-date">
    
    
    Jun 7, 2020
  </span>
  

  <span class="middot-divider"></span>
  <span class="article-reading-time">
    4 min read
  </span>
  

  <span class="middot-divider"></span>
  <span class="article-categories">
    <i class="fas fa-folder mr-1"></i><a href="/category/technology/">technology</a></span>
  

</div>

      
    </div>

    
  </div>
  <div class="ml-3">
    
    
    <a href="/post/writing-technical-content/" >
      <img src="/post/writing-technical-content/featured_huc72159e0fc0d14b85f60d34436a630f0_266353_150x0_resize_q90_lanczos.jpg" alt="Writing Technical Content in Academic">
    </a>
    
  </div>
</div>

      
<div class="media stream-item">
  <div class="media-body">

    <h3 class="article-title mb-0 mt-0">
      <a href="/post/jupyter/" >Display Jupyter Notebooks with Academic</a>
    </h3>

    
    <div class="article-style">
      Learn how to blog in Academic using Jupyter notebooks.
    </div>
    

    <div class="stream-meta article-metadata">

      
<div class="article-metadata">

  
  <div>
    

  <span><a href="/author/%E6%96%B9%E5%AD%9D%E5%90%9B/">方孝君</a></span>
  </div>
  
  
  <span class="article-date">
    
    
    Jun 7, 2020
  </span>
  

  <span class="middot-divider"></span>
  <span class="article-reading-time">
    2 min read
  </span>
  

  <span class="middot-divider"></span>
  <span class="article-categories">
    <i class="fas fa-folder mr-1"></i><a href="/category/technology/">technology</a></span>
  

</div>

      
    </div>

    
  </div>
  <div class="ml-3">
    
    
    <a href="/post/jupyter/" >
      <img src="/post/jupyter/featured_hub1daa031c2af6888ff37bd93eb033a1a_71549_150x0_resize_lanczos_2.png" alt="Display Jupyter Notebooks with Academic">
    </a>
    
  </div>
</div>

      
<div class="media stream-item">
  <div class="media-body">

    <h3 class="article-title mb-0 mt-0">
      <a href="/post/sort-algorithm/" >十大经典排序算法整理汇总</a>
    </h3>

    
    <div class="article-style">
      本文整理并总结了十大经典的排序算法（冒泡排序、选择排序、插入排序、快速排序、归并排序、希尔排序、计数排序、基数排序、桶排序、堆排序）的时间复杂度、空间复杂度等性质。
    </div>
    

    <div class="stream-meta article-metadata">

      
<div class="article-metadata">

  
  <div>
    

  <span><a href="/author/%E6%96%B9%E5%AD%9D%E5%90%9B/">方孝君</a></span>
  </div>
  
  
  <span class="article-date">
    
    
    May 29, 2020
  </span>
  

  <span class="middot-divider"></span>
  <span class="article-reading-time">
    5 min read
  </span>
  

  <span class="middot-divider"></span>
  <span class="article-categories">
    <i class="fas fa-folder mr-1"></i><a href="/category/algorithm/">algorithm</a></span>
  

</div>

      
    </div>

    
  </div>
  <div class="ml-3">
    
    
    <a href="/post/sort-algorithm/" >
      <img src="/post/sort-algorithm/featured_hu8930224764a1139c845a66773ab65f83_25092_150x0_resize_lanczos_2.png" alt="十大经典排序算法整理汇总">
    </a>
    
  </div>
</div>

      
  </div>
</div>

    </div>
  </section>

  
  <section id="tags" class="home-section wg-tag-cloud   "  >
    <div class="container">
      

<div class="row">
  <div class="col-12 col-lg-4 section-heading">
    <h1>Popular Topics</h1>
    
  </div>
  <div class="col-12 col-lg-8">
    

      <div class="tag-cloud">
        
          
          <a href="/tag/algorithm/" style="font-size:0.7rem">algorithm</a>
        
          
          <a href="/tag/big-data/" style="font-size:0.7rem">Big Data</a>
        
          
          <a href="/tag/cloud-computing/" style="font-size:0.7rem">Cloud Computing</a>
        
          
          <a href="/tag/demo/" style="font-size:2.4176365169907847rem">Demo</a>
        
          
          <a href="/tag/open-source/" style="font-size:1.241853992195166rem">Open Source</a>
        
          
          <a href="/tag/technology/" style="font-size:1.241853992195166rem">technology</a>
        
      </div>
    

  </div>
</div>

    </div>
  </section>

  
  <section id="contact" class="home-section wg-contact   "  >
    <div class="container">
      

<div class="row contact-widget">
  <div class="col-12 col-lg-4 section-heading">
    <h1>Contact</h1>
    
  </div>
  <div class="col-12 col-lg-8">
    

    <ul class="fa-ul">

      
      <li>
        <i class="fa-li fas fa-envelope fa-2x" aria-hidden="true"></i>
        <span id="person-email"><a href="mailto:wwang@dase.ecnu.edu.cn">wwang@dase.ecnu.edu.cn</a></span>
      </li>
      

      <li>
        <i class="fa-li fas fa-phone fa-2x" aria-hidden="true"></i>
        <span id="person-telephone"><a href="tel:888%20888%2088%2088">888 888 88 88</a></span>
      </li>
      

        <li>
          <i class="fa-li fas fa-map-marker fa-2x" aria-hidden="true"></i>
          <span id="person-address">3663 North Zhongshan Road, Putuo District, Shanghai, China</span>
        </li>
      

      <li>
        <i class="fa-li fas fa-compass fa-2x" aria-hidden="true"></i>
        <span>Enter the Math Building and Go to Office East 119 on Floor 1</span>
      </li>
      

      <li>
        <i class="fa-li fas fa-clock fa-2x" aria-hidden="true"></i>
        <span>Monday 10:00 to 13:00<br>Wednesday 09:00 to 10:00</span>
      </li>
      

    </ul>

    
    <div class="d-none">
      <input id="map-provider" value="2">
      <input id="map-lat" value="31.229153">
      <input id="map-lng" value="121.403801">
      <input id="map-dir" value="3663 North Zhongshan Road, Putuo District, Shanghai, China">
      <input id="map-zoom" value="15">
      <input id="map-api-key" value="">
    </div>
    <div id="map"></div>
    

  </div>
</div>

    </div>
  </section>


      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.1.4/imagesloaded.pkgd.min.js" integrity="sha256-lqvxZrPLtfffUl2G/e7szqSvPBILGbwmsGE1MKlOi0Q=" crossorigin="anonymous"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js" integrity="sha256-CBrpuqrMhXwcLLUd5tvQ4euBHCdh7wGlDfNz8vbu/iI=" crossorigin="anonymous"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha256-yt2kYMy0w8AbtF89WXb2P1rfjcP/HTHLT7097U8Y5b8=" crossorigin="anonymous"></script>

      
        <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.4.8/mermaid.min.js" integrity="sha256-lyWCDMnMeZiXRi7Zl54sZGKYmgQs4izcT7+tKc+KUBk=" crossorigin="anonymous" title="mermaid"></script>
      

        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js" integrity="sha256-eOgo0OtLL4cdq7RdwRUiGKLX9XsIJ7nGhWEKbohmVAQ=" crossorigin="anonymous"></script>
        
        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/languages/r.min.js"></script>
        
      
      <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.5.1/leaflet.js" integrity="sha256-EErZamuLefUnbMBQbsEqu1USa+btR2oIlCpBJbyD4/g=" crossorigin="anonymous"></script>
    

    <script>const code_highlighting = true;</script>
    

    <script>const isSiteThemeDark = false;</script>
    

    <script>
      const search_config = {"indexURI":"/index.json","minLength":1,"threshold":0.3};
      const i18n = {"no_results":"No results found","placeholder":"Search...","results":"results found"};
      const content_type = {
        'post': "Posts",
        'project': "Projects",
        'publication' : "Publications",
        'talk' : "Talks",
        'slides' : "Slides"
        };
    </script>
    

    <script id="search-hit-fuse-template" type="text/x-template">
      <div class="search-hit" id="summary-{{key}}">
      <div class="search-hit-content">
        <div class="search-hit-name">
          <a href="{{relpermalink}}">{{title}}</a>
          <div class="article-metadata search-hit-type">{{type}}</div>
          <p class="search-hit-description">{{snippet}}</p>
        </div>
      </div>
      </div>
    </script>
    

    <script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/3.2.1/fuse.min.js" integrity="sha256-VzgmKYmhsGNNN4Ph1kMW+BjoYJM2jV5i4IlFoeZA9XI=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/jquery.mark.min.js" integrity="sha256-4HLtjeVgH0eIB3aZ9mLYF6E8oU5chNdjU6p6rrXpl9U=" crossorigin="anonymous"></script>
    

    <script>
      if (window.netlifyIdentity) {
        window.netlifyIdentity.on("init", user => {
          if (!user) {
            window.netlifyIdentity.on("login", () => {
              document.location.href = "/admin/";
            });
          }
        });
      }
    </script>
    

    <script src="/js/academic.min.37431be2d92d7fb0160054761ab79602.js"></script>

    
  <div class="container">
    <footer class="site-footer">
  

  <p class="powered-by">
    © 2021 X-Lab
  </p>

  
  <p class="powered-by">
    Powered by the
    <a href="https://sourcethemes.com/academic/" target="_blank" rel="noopener">Academic theme</a> for
    <a href="https://gohugo.io" target="_blank" rel="noopener">Hugo</a>.

    
    <span class="float-right" aria-hidden="true">
      <a href="#" class="back-to-top">
        <span class="button_icon">
          <i class="fas fa-chevron-up fa-2x"></i>
        </span>
      </a>
    </span>
    
  </p>
</footer>

  </div>
  

<div id="modal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Cite</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <pre><code class="tex hljs"></code></pre>
      </div>
      <div class="modal-footer">
        <a class="btn btn-outline-primary my-1 js-copy-cite" href="#" target="_blank">
          <i class="fas fa-copy"></i> Copy
        </a>
        <a class="btn btn-outline-primary my-1 js-download-cite" href="#" target="_blank">
          <i class="fas fa-download"></i> Download
        </a>
        <div id="modal-error"></div>
      </div>
    </div>
  </div>
</div>

</body>
</html>