master

分支 (1)

管理

管理

master

xmind
/
index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<meta name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

    <meta name="author" content="SkyOne">


<title>Hexo</title>


    <link rel="icon" href="/favicon.ico">


    <!-- stylesheets list from _config.yml -->

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


    <!-- scripts list from _config.yml -->

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

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


</head>
<body>
    <div class="wrapper">
        <header>
    <nav class="navbar">
        <div class="container">
            <div class="navbar-header header-logo"><a href="/">SkyOne&#39;s Blog</a></div>
            <div class="menu navbar-right">

                    <a class="menu-item" href="/archives">Posts</a>

                    <a class="menu-item" href="/category">Categories</a>

                    <a class="menu-item" href="/tag">Tags</a>

                    <a class="menu-item" href="/about">About</a>

                <input id="switch_default" type="checkbox" class="switch_default">
                <label for="switch_default" class="toggleBtn"></label>
            </div>

        </div>
    </nav>


    <nav class="navbar-mobile" id="nav-mobile">
        <div class="container">
            <div class="navbar-header">
                <div>
                    <a href="/">SkyOne&#39;s Blog</a><a id="mobile-toggle-theme">·&nbsp;Light</a>
                </div>
                <div class="menu-toggle" onclick="mobileBtn()">&#9776; Menu</div>
            </div>
            <div class="menu" id="mobile-menu">

                    <a class="menu-item" href="/archives">Posts</a>

                    <a class="menu-item" href="/category">Categories</a>

                    <a class="menu-item" href="/tag">Tags</a>

                    <a class="menu-item" href="/about">About</a>

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

</header>
<script>
    var mobileBtn = function f() {
        var toggleMenu = document.getElementsByClassName("menu-toggle")[0];
        var mobileMenu = document.getElementById("mobile-menu");
        if(toggleMenu.classList.contains("active")){
           toggleMenu.classList.remove("active")
            mobileMenu.classList.remove("active")
        }else{
            toggleMenu.classList.add("active")
            mobileMenu.classList.add("active")
        }
    }
</script>
        <div class="main">

    <div class="container">
    <div class="intro">
        <div class="avatar">
            <a href="/archives"><img src="/image/avatar1.jpeg"></a>
        </div>
        <div class="nickname">SkyOne's Blog</div>
        <div class="description"><p>Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit.</strong> <br>Fusce eget urna vitae velit <em>eleifend interdum at ac</em> nisi.</p>
</div>
        <div class="links">


                    <a class="link-item" title="Blog" href="/archives">


                            <i class="iconfont icon-blog"></i>

                    </a>

                    <a class="link-item" title="Instagram" href="">


                            <i class="iconfont icon-instagram"></i>

                    </a>

                    <a class="link-item" title="Reddit" href="">


                            <i class="iconfont icon-reddit"></i>

                    </a>

                    <a class="link-item" title="Github" href="https://github.com/skyone5" target="_blank" rel="noopener">


                            <i class="iconfont icon-github"></i>

                    </a>


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


        </div>
        <footer id="footer" class="footer">
    <div class="copyright">
        <span>© SkyOne | Powered by <a href="https://hexo.io" target="_blank">Hexo</a> & <a href="https://github.com/Siricee/hexo-theme-Chic" target="_blank">Chic</a></span>
    </div>
</footer>

    </div>
</body>
</html>