-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
7 changed files
with
648 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,294 @@ | ||
| <!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="John Doe"> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <title>我的第一个blog | 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> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <meta name="generator" content="Hexo 7.1.1"></head> | ||
|
|
||
| <body> | ||
| <script> | ||
| // this function is used to check current theme before page loaded. | ||
| (() => { | ||
| const currentTheme = window.localStorage && window.localStorage.getItem('theme') || ''; | ||
| const isDark = currentTheme === 'dark'; | ||
| const pagebody = document.getElementsByTagName('body')[0] | ||
| if (isDark) { | ||
| pagebody.classList.add('dark-theme'); | ||
| // mobile | ||
| document.getElementById("mobile-toggle-theme").innerText = "· Dark" | ||
| } else { | ||
| pagebody.classList.remove('dark-theme'); | ||
| // mobile | ||
| document.getElementById("mobile-toggle-theme").innerText = "· Light" | ||
| } | ||
| })(); | ||
| </script> | ||
|
|
||
| <div class="wrapper"> | ||
| <header> | ||
| <nav class="navbar"> | ||
| <div class="container"> | ||
| <div class="navbar-header header-logo"><a href="/">Binglong'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="/">Binglong's Blog</a><a id="mobile-toggle-theme">· Light</a> | ||
| </div> | ||
| <div class="menu-toggle" onclick="mobileBtn()">☰ 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="post-toc"> | ||
| <div class="tocbot-list"> | ||
| </div> | ||
| <div class="tocbot-list-menu"> | ||
| <a class="tocbot-toc-expand" onclick="expand_toc()">Expand all</a> | ||
| <a onclick="go_top()">Back to top</a> | ||
| <a onclick="go_bottom()">Go to bottom</a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <script> | ||
| var tocbot_timer; | ||
| var DEPTH_MAX = 6; // 为 6 时展开所有 | ||
| var tocbot_default_config = { | ||
| tocSelector: '.tocbot-list', | ||
| contentSelector: '.post-content', | ||
| headingSelector: 'h1, h2, h3, h4, h5', | ||
| orderedList: false, | ||
| scrollSmooth: true, | ||
| onClick: extend_click, | ||
| }; | ||
|
|
||
| function extend_click() { | ||
| clearTimeout(tocbot_timer); | ||
| tocbot_timer = setTimeout(function() { | ||
| tocbot.refresh(obj_merge(tocbot_default_config, { | ||
| hasInnerContainers: true | ||
| })); | ||
| }, 420); // 这个值是由 tocbot 源码里定义的 scrollSmoothDuration 得来的 | ||
| } | ||
|
|
||
| document.ready(function() { | ||
| tocbot.init(obj_merge(tocbot_default_config, { | ||
| collapseDepth: 1 | ||
| })); | ||
| }); | ||
|
|
||
| function expand_toc() { | ||
| var b = document.querySelector('.tocbot-toc-expand'); | ||
| var expanded = b.getAttribute('data-expanded'); | ||
| expanded ? b.removeAttribute('data-expanded') : b.setAttribute('data-expanded', true); | ||
| tocbot.refresh(obj_merge(tocbot_default_config, { | ||
| collapseDepth: expanded ? 1 : DEPTH_MAX | ||
| })); | ||
| b.innerText = expanded ? 'Expand all' : 'Collapse all'; | ||
| } | ||
|
|
||
| function go_top() { | ||
| window.scrollTo(0, 0); | ||
| } | ||
|
|
||
| function go_bottom() { | ||
| window.scrollTo(0, document.body.scrollHeight); | ||
| } | ||
|
|
||
| function obj_merge(target, source) { | ||
| for (var item in source) { | ||
| if (source.hasOwnProperty(item)) { | ||
| target[item] = source[item]; | ||
| } | ||
| } | ||
| return target; | ||
| } | ||
| </script> | ||
|
|
||
|
|
||
|
|
||
| <article class="post-wrap"> | ||
| <header class="post-header"> | ||
| <h1 class="post-title">我的第一个blog</h1> | ||
|
|
||
| <div class="post-meta"> | ||
|
|
||
| Author: <a itemprop="author" rel="author" href="/">John Doe</a> | ||
|
|
||
|
|
||
|
|
||
| <span class="post-time"> | ||
| Date: <a href="#">March 9, 2024 17:16:11</a> | ||
| </span> | ||
|
|
||
|
|
||
| <span class="post-category"> | ||
| Category: | ||
|
|
||
| <a href="/categories/%E5%AD%A6%E4%B9%A0/">学习</a> | ||
|
|
||
| </span> | ||
|
|
||
| </div> | ||
|
|
||
| </header> | ||
|
|
||
| <div class="post-content"> | ||
| <h3 id="扣一复活"><a href="#扣一复活" class="headerlink" title="扣一复活"></a>扣一复活</h3> | ||
| </div> | ||
|
|
||
|
|
||
| <section class="post-copyright"> | ||
|
|
||
| <p class="copyright-item"> | ||
| <span>Author:</span> | ||
| <span>John Doe</span> | ||
| </p> | ||
|
|
||
|
|
||
| <p class="copyright-item"> | ||
| <span>Permalink:</span> | ||
| <span><a href="http://example.com/2024/03/09/%E6%88%91%E7%9A%84%E7%AC%AC%E4%B8%80%E4%B8%AAblog/">http://example.com/2024/03/09/%E6%88%91%E7%9A%84%E7%AC%AC%E4%B8%80%E4%B8%AAblog/</a></span> | ||
| </p> | ||
|
|
||
|
|
||
| <p class="copyright-item"> | ||
| <span>License:</span> | ||
| <span>Copyright (c) 2019 <a target="_blank" rel="noopener" href="http://creativecommons.org/licenses/by-nc/4.0/">CC-BY-NC-4.0</a> LICENSE</span> | ||
| </p> | ||
|
|
||
|
|
||
| <p class="copyright-item"> | ||
| <span>Slogan:</span> | ||
| <span>Do you believe in <strong>DESTINY</strong>?</span> | ||
| </p> | ||
|
|
||
|
|
||
| </section> | ||
|
|
||
| <section class="post-tags"> | ||
| <div> | ||
| <span>Tag(s):</span> | ||
| <span class="tag"> | ||
|
|
||
|
|
||
| <a href="/tags/%E6%B5%8B%E8%AF%95/"># 测试</a> | ||
|
|
||
|
|
||
| </span> | ||
| </div> | ||
| <div> | ||
| <a href="javascript:window.history.back();">back</a> | ||
| <span>· </span> | ||
| <a href="/">home</a> | ||
| </div> | ||
| </section> | ||
| <section class="post-nav"> | ||
|
|
||
|
|
||
| <a class="next" rel="next" href="/2024/03/09/hello-world/">Hello World</a> | ||
|
|
||
| </section> | ||
|
|
||
|
|
||
| </article> | ||
| </div> | ||
|
|
||
| </div> | ||
| <footer id="footer" class="footer"> | ||
| <div class="copyright"> | ||
| <span>© John Doe | 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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.