index.html

<!DOCTYPE html>
<html lang="zh-cn">
    <head prefix="og: https://ogp.me/ns#">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="color-scheme" content="light dark">
  
  <title>Shane</title>
  
    <link rel="shortcut icon" href="/favicon.ico">
  
  
    <link rel='manifest' href='/manifest.json'>
  

  <meta property="og:title" content="Shane" />
  
  <meta property="og:type" content="website" />
  
  <meta property="og:url" content="https://shane-ss.github.io/index.html" />
  
  <meta property="og:image" content="/favicon.ico" />
  
  
<link rel="stylesheet" href="/css/var.css">

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

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

  
<link rel="stylesheet" href="/css/code-highlighting.css">

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

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

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

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

  
<link rel="stylesheet" href="/css/post-list.css">

  
<link rel="stylesheet" href="/css/rainbow-banner.css">

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

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

  
<meta name="generator" content="Hexo 7.3.0"></head>
    <body
        data-color-scheme="auto"
        data-uppercase-categories="true"
        
        data-rainbow-banner="true"
        data-rainbow-banner-shown="auto"
        data-rainbow-banner-month="6"
        data-rainbow-banner-colors="#e50000,#ff8d00,#ffee00,#008121,#004cff,#760188"
        
        data-config-root="/"
        
        data-toc="true"
        data-toc-max-depth="2"
        
        
    >
        <nav id="theme-nav">
    <div class="inner">
        <a class="title" href="/">Hi</a>
        <div class="nav-arrow"></div>
        <div class="nav-items">
            <a class="nav-item nav-item-home" href="/">主页</a>
            
            
            <a class="nav-item" href="/archives">Archives</a>
            
            
            <a class="nav-item" href="/friends">Friends</a>
            
            
            <a class="nav-item" href="/projects">Projects</a>
            
            
            <a class="nav-item" href="/about">About</a>
            
            
            <a class="nav-item nav-item-github nav-item-icon" href="https://github.com/shane-ss" target="_blank" aria-label="GitHub">&nbsp;</a>
            
            
            <a class="nav-item nav-item-codepen nav-item-icon" href="https://github.com/shane-ss" target="_blank" aria-label="CodePen">&nbsp;</a>
            
            
            <a class="nav-item nav-item-patreon nav-item-icon" href="https://github.com/shane-ss" target="_blank" aria-label="Patreon">&nbsp;</a>
            
            
            <a class="nav-item nav-item-mastodon nav-item-icon" href="https://github.com/shane-ss" target="_blank" aria-label="Mastodon">&nbsp;</a>
            
            
            <a class="nav-item nav-item-discord nav-item-icon" href="https://github.com/shane-ss" target="_blank" aria-label="Discord">&nbsp;</a>
            
            
            <a class="nav-item nav-item-search nav-item-icon" href="/search" target="_blank" aria-label="Search">&nbsp;</a>
            
            
        </div>
    </div>
</nav>
        <div class="container">
    
    <div class="hero">
        <div class="group">
            <h2 class="sub">Did joy find its way to you today?</h2>
            <h2 class="large">学而不思则罔，不思不学则爽！</h2>
        </div>
    </div>

    <h2 class="section-title">最新文章</h2>
    

    <div class="post-list">
        
        <article class="post-list-item">
            <a href="/2024/11/17/RT-Thread.html">
                
                <div class="content">
                    
                    <div class="title">
                        泰山派&amp;RT-Thread
                    </div>
                    
                    
                    <div class="time">
                        <span>November</span>
                        <span>&nbsp;17,&nbsp;</span>
                        <span>2024</span>
                    </div>
                    
                </div>
            </a>
        </article>
        
        <article class="post-list-item">
            <a href="/2024/11/17/3207488204.html">
                
                <div class="content">
                    
                    <div class="title">
                        SBOTFOC
                    </div>
                    
                    
                    <div class="time">
                        <span>November</span>
                        <span>&nbsp;17,&nbsp;</span>
                        <span>2024</span>
                    </div>
                    
                </div>
            </a>
        </article>
        
        <article class="post-list-item">
            <a href="/2024/11/17/96817998.html">
                
                <div class="content">
                    
                    <div class="title">
                        Micro Ros
                    </div>
                    
                    
                    <div class="time">
                        <span>November</span>
                        <span>&nbsp;17,&nbsp;</span>
                        <span>2024</span>
                    </div>
                    
                </div>
            </a>
        </article>
        
    </div>

    
</div>
        <footer>
    <div class="inner">
        <div class="links">
            
            <div class="group">
                <h2 class="title">Blog</h2>
                
                <a href="/" class="item">Blog</a>
                
                <a href="/archives" class="item">Archives</a>
                
                <a href="/tags" class="item">Tags</a>
                
                <a href="/categories" class="item">Categories</a>
                
                <a href="/search" class="item">Search</a>
                
                <a href="/friends" class="item">Friends</a>
                
                <a href="/projects" class="item">Projects</a>
                
                <a href="/resume" class="item">Resume</a>
                
                <a href="/about" class="item">About</a>
                
                <a href="/atom.xml" class="item">RSS</a>
                
            </div>
            
            <div class="group">
                <h2 class="title">Projects</h2>
                
                <a target="_blank" rel="noopener" href="https://github.com/MrWillCom/rsa-cli" class="item">RSA CLI</a>
                
                <a target="_blank" rel="noopener" href="https://github.com/MrWillCom/hexo-theme-cupertino" class="item">Hexo Theme Cupertino</a>
                
                <a target="_blank" rel="noopener" href="https://github.com/MrWillCom/a-calendar" class="item">A Calendar</a>
                
                <a target="_blank" rel="noopener" href="https://github.com/MrWillCom/auto-mirroring-bucket" class="item">Auto Mirroring Bucket</a>
                
            </div>
            
            <div class="group">
                <h2 class="title">Me</h2>
                
                <a target="_blank" rel="noopener" href="https://github.com/MrWillCom" class="item">GitHub</a>
                
                <a target="_blank" rel="noopener" href="https://codepen.io/mrwillcom" class="item">CodePen</a>
                
                <a target="_blank" rel="noopener" href="https://www.patreon.com/MrWillCom" class="item">Patreon</a>
                
                <a target="_blank" rel="noopener" href="https://noc.social/@MrWillCom" class="item">Mastodon</a>
                
                <a target="_blank" rel="noopener" href="https://discord.gg/UKuFDjcfY8" class="item">Discord</a>
                
                <a href="mailto:mr.will.com@outlook.com" class="item">Email</a>
                
            </div>
            
        </div>
        <span>&copy; 2024 Shane<br>由 <a href="http://hexo.io/" target="_blank">Hexo</a> 驱动 </span>
        
        
            <br>
            <div class="color-scheme-toggle" role="radiogroup" id="theme-color-scheme-toggle">
                <label>
                    <input type="radio" value="light">
                    <span>Light</span>
                </label>
                <label>
                    <input type="radio" value="dark">
                    <span>Dark</span>
                </label>
                <label>
                    <input type="radio" value="auto">
                    <span>Auto</span>
                </label>
            </div>
        
    </div>
</footer>


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

        
        <script src="https://unpkg.com/scrollreveal"></script>
        <script>
            window.addEventListener('load', () => {
                ScrollReveal({ delay: 250, reset: true, easing: 'cubic-bezier(0, 0, 0, 1)' })
                ScrollReveal().reveal('.post-list-item .cover-img img')
                ScrollReveal().reveal('.post-list-item, .card, .content p img, .content .block-large img', { distance: '60px', origin: 'bottom', duration: 800 })
            })
        </script>
        
    </body>
</html>