代码拉取完成,页面将自动刷新
<!DOCTYPE html> <html lang="zh-CN" data-default-color-scheme="auto"> <head> <meta charset="UTF-8"> <link rel="apple-touch-icon" sizes="76x76" href="/img/panda.png"> <link rel="icon" type="image/png" href="/img/panda.png"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <meta name="theme-color" content="#2f4154"> <meta name="description" content=""> <meta name="author" content="Hockel"> <meta name="keywords" content=""> <title>page.title - Hockel's Blog</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@4.0.0/github-markdown.min.css" /> <link rel="stylesheet" href="/lib/hint/hint.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.22.0/themes/prism-okaidia.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.22.0/plugins/line-numbers/prism-line-numbers.min.css" /> <!-- 主题依赖的图标库,不要自行修改 --> <link rel="stylesheet" href="//at.alicdn.com/t/font_1749284_ba1fz6golrf.css"> <link rel="stylesheet" href="//at.alicdn.com/t/font_1736178_kmeydafke9r.css"> <link rel="stylesheet" href="/css/main.css" /> <!-- 自定义样式保持在最底部 --> <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/bynotes/texiao/source/css/shubiao.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/bynotes/texiao/source/css/gundongtiao.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/bynotes/texiao/source/css/toubudaziji.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css"> <script id="fluid-configs"> var Fluid = window.Fluid || {}; var CONFIG = {"hostname":"www.hockel.club","root":"/","version":"1.8.7","typing":{"enable":true,"typeSpeed":100,"cursorChar":"❤","loop":true},"anchorjs":{"enable":true,"element":"h1,h2,h3,h4,h5,h6","placement":"right","visible":"hover","icon":""},"progressbar":{"enable":true,"height_px":3,"color":"#29d","options":{"showSpinner":false,"trickleSpeed":100}},"copy_btn":true,"image_zoom":{"enable":true},"toc":{"enable":true,"headingSelector":"h1,h2,h3,h4,h5,h6","collapseDepth":0},"lazyload":{"enable":true,"onlypost":false},"web_analytics":{"enable":true,"baidu":null,"google":null,"gtag":null,"tencent":{"sid":null,"cid":null},"woyaola":null,"cnzz":null,"leancloud":{"app_id":null,"app_key":null,"server_url":null}}}; </script> <script src="/js/utils.js" ></script> <script src="/js/color-schema.js" ></script> <meta name="generator" content="Hexo 5.3.0"></head> <body> <header style="height: 60vh;"> <nav id="navbar" class="navbar fixed-top navbar-expand-lg navbar-dark scrolling-navbar"> <div class="container"> <a class="navbar-brand" href="/"> <strong>Hockel's Blog</strong> </a> <button id="navbar-toggler-btn" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <div class="animated-icon"><span></span><span></span><span></span></div> </button> <!-- Collapsible content --> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto text-center"> <li class="nav-item"> <a class="nav-link" href="/"> <i class="iconfont icon-home-fill"></i> 首页 </a> </li> <li class="nav-item"> <a class="nav-link" href="/archives/"> <i class="iconfont icon-archive-fill"></i> 归档 </a> </li> <li class="nav-item"> <a class="nav-link" href="/categories/"> <i class="iconfont icon-category-fill"></i> 分类 </a> </li> <li class="nav-item"> <a class="nav-link" href="/tags/"> <i class="iconfont icon-tags-fill"></i> 标签 </a> </li> <li class="nav-item"> <a class="nav-link" href="/about/"> <i class="iconfont icon-user-fill"></i> 关于 </a> </li> <li class="nav-item"> <a class="nav-link" href="/links/"> <i class="iconfont icon-link-fill"></i> 友链 </a> </li> <li class="nav-item" id="search-btn"> <a class="nav-link" data-toggle="modal" data-target="#modalSearch"> <i class="iconfont icon-search"></i> </a> </li> <li class="nav-item" id="color-toggle-btn"> <a class="nav-link" href="javascript:"> <i class="iconfont icon-dark" id="color-toggle-icon"></i> </a> </li> </ul> </div> </div> </nav> <div class="banner" id="banner" parallax=true style="background: url('/img/3.png') no-repeat center center; background-size: cover;"> <div class="full-bg-img"> <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)"> <div class="page-header text-center fade-in-up"> <span class="h2" id="subtitle" title="page.title"> </span> </div> </div> </div> </div> </header> <main> <div class="container nopadding-x-md"> <div class="py-5" id="board" > <div class="container"> <div class="row"> <div class="col-12 col-md-10 m-auto"> <div class="page-content"> <h1 id="Hockel’s-Blog-project"><a href="#Hockel’s-Blog-project" class="headerlink" title="Hockel’s Blog project"></a>Hockel’s Blog project</h1><p>This is my first blog system. It is written in hexo + next. When building this blog system, I encountered many problems. By searching other people’s articles on the Internet, I solved the problems I encountered.</p> </div> </div> </div> </div> </div> </div> <a id="scroll-top-button" href="#" role="button"> <i class="iconfont icon-arrowup" aria-hidden="true"></i> </a> <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document"> <div class="modal-content"> <div class="modal-header text-center"> <h4 class="modal-title w-100 font-weight-bold">搜索</h4> <button type="button" id="local-search-close" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body mx-3"> <div class="md-form mb-5"> <input type="text" id="local-search-input" class="form-control validate"> <label data-error="x" data-success="v" for="local-search-input">关键词</label> </div> <div class="list-group" id="local-search-result"></div> </div> </div> </div> </div> </main> <footer class="text-center mt-5 py-3"> <div class="footer-content"> <a href="https://hexo.io" target="_blank" rel="nofollow noopener"><span>Hexo</span></a> <i class="iconfont icon-love"></i> <a href="https://github.com/fluid-dev/hexo-theme-fluid" target="_blank" rel="nofollow noopener"><span>Fluid</span></a> </div> <div class="statistics"> <!-- 不蒜子统计PV --> <span id="busuanzi_container_site_pv" style="display: none"> 总访问量 <span id="busuanzi_value_site_pv"></span> 次 </span> <!-- 不蒜子统计UV --> <span id="busuanzi_container_site_uv" style="display: none"> 总访客数 <span id="busuanzi_value_site_uv"></span> 人 </span> </div> </footer> <!-- SCRIPTS --> <script src="https://cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.min.js" ></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.min.css" /> <script> NProgress.configure({"showSpinner":false,"trickleSpeed":100}) NProgress.start() window.addEventListener('load', function() { NProgress.done(); }) </script> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js" ></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" ></script> <script src="/js/debouncer.js" ></script> <script src="/js/events.js" ></script> <script src="/js/plugins.js" ></script> <!-- Plugins --> <script src="/js/lazyload.js" ></script> <script src="https://cdn.jsdelivr.net/npm/anchor-js@4.3.0/anchor.min.js" ></script> <script defer src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js" ></script> <script defer src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js" ></script> <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11/lib/typed.min.js" ></script> <script> (function (window, document) { var typing = Fluid.plugins.typing; var title = document.getElementById('subtitle').title; typing(title) })(window, document); </script> <script src="/js/local-search.js" ></script> <script> (function () { var path = "/local-search.xml"; var inputArea = document.querySelector("#local-search-input"); inputArea.onclick = function () { searchFunc(path, 'local-search-input', 'local-search-result'); this.onclick = null } })() </script> <script src="//cdn.jsdelivr.net/gh/bynotes/texiao/source/js/timeDate.js"></script> <script src="//cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script> <script src="//cdn.jsdelivr.net/gh/metowolf/Metingjs@1.2/dist/Meting.min.js"></script> <!-- 主题的启动项 保持在最底部 --> <script src="/js/boot.js" ></script> <div class="text-center py-1"> <div> <span id="timeDate">载入天数...</span> <span id="times">载入时分秒...</span> <script> var now = new Date(); function createtime(){ var grt= new Date("01/01/2019 00:00:00");//此处修改你的建站时间或者网站上线时间 now.setTime(now.getTime()+250); days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days); hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum); hnum = Math.floor(hours); if(String(hnum).length ==1 ){ hnum = "0" + hnum; } minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum); mnum = Math.floor(minutes); if(String(mnum).length ==1 ){ mnum = "0" + mnum; } seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum); snum = Math.round(seconds); if(String(snum).length ==1 ){ snum = "0" + snum; } document.getElementById("timeDate").innerHTML = "🚀 for "+dnum+" days"; //此次自定义显示内容 document.getElementById("times").innerHTML = hnum + " hr " + mnum + " min " + snum + " sec"; } //此次自定义显示内容 setInterval("createtime()",250); </script> </div> </body> </html> <!-- 页面点击小红心 --> <script type="text/javascript" src="/js/love.js"></script>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。