Skip to content

Commit

Permalink
Site updated: 2023-12-07 09:56:43
Browse files Browse the repository at this point in the history
  • Loading branch information
Yupcle committed Dec 7, 2023
1 parent 8a23965 commit 18e429a
Show file tree
Hide file tree
Showing 44 changed files with 5,358 additions and 0 deletions.
293 changes: 293 additions & 0 deletions 2023/12/06/hello-world/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,293 @@
<!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="Yupcle">





<title>Hello World | Yupcle blog</title>



<link rel="icon" href="/tea.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.0.0"></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="/">Yupcle&#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="/">Yupcle&#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="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>
document.ready(
function () {
tocbot.init({
tocSelector: '.tocbot-list',
contentSelector: '.post-content',
headingSelector: 'h1, h2, h3, h4, h5',
collapseDepth: 1,
orderedList: false,
scrollSmooth: true,
})
}
)

function expand_toc() {
var b = document.querySelector(".tocbot-toc-expand");
tocbot.init({
tocSelector: '.tocbot-list',
contentSelector: '.post-content',
headingSelector: 'h1, h2, h3, h4, h5',
collapseDepth: 6,
orderedList: false,
scrollSmooth: true,
});
b.setAttribute("onclick", "collapse_toc()");
b.innerHTML = "Collapse all"
}

function collapse_toc() {
var b = document.querySelector(".tocbot-toc-expand");
tocbot.init({
tocSelector: '.tocbot-list',
contentSelector: '.post-content',
headingSelector: 'h1, h2, h3, h4, h5',
collapseDepth: 1,
orderedList: false,
scrollSmooth: true,
});
b.setAttribute("onclick", "expand_toc()");
b.innerHTML = "Expand all"
}

function go_top() {
window.scrollTo(0, 0);
}

function go_bottom() {
window.scrollTo(0, document.body.scrollHeight);
}

</script>



<article class="post-wrap">
<header class="post-header">
<h1 class="post-title">Hello World</h1>

<div class="post-meta">

Author: <a itemprop="author" rel="author" href="/">Yupcle</a>



<span class="post-time">
Date: <a href="#">December 6, 2023&nbsp;&nbsp;22:17:35</a>
</span>


</div>

</header>

<div class="post-content">
<p>Welcome to <a target="_blank" rel="noopener" href="https://hexo.io/">Hexo</a>! This is your very first post. Check <a target="_blank" rel="noopener" href="https://hexo.io/docs/">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a target="_blank" rel="noopener" href="https://hexo.io/docs/troubleshooting.html">troubleshooting</a> or you can ask me on <a target="_blank" rel="noopener" href="https://github.com/hexojs/hexo/issues">GitHub</a>.</p>
<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo new <span class="string">&quot;My New Post&quot;</span></span><br></pre></td></tr></table></figure>

<p>More info: <a target="_blank" rel="noopener" href="https://hexo.io/docs/writing.html">Writing</a></p>
<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo server</span><br></pre></td></tr></table></figure>

<p>More info: <a target="_blank" rel="noopener" href="https://hexo.io/docs/server.html">Server</a></p>
<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink" title="Generate static files"></a>Generate static files</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo generate</span><br></pre></td></tr></table></figure>

<p>More info: <a target="_blank" rel="noopener" href="https://hexo.io/docs/generating.html">Generating</a></p>
<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="Deploy to remote sites"></a>Deploy to remote sites</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo deploy</span><br></pre></td></tr></table></figure>

<p>More info: <a target="_blank" rel="noopener" href="https://hexo.io/docs/one-command-deployment.html">Deployment</a></p>

</div>


<section class="post-copyright">

<p class="copyright-item">
<span>Author:</span>
<span>Yupcle</span>
</p>


<p class="copyright-item">
<span>Permalink:</span>
<span><a href="http://example.com/2023/12/06/hello-world/">http://example.com/2023/12/06/hello-world/</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">

</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="prev" rel="prev" href="/2023/12/06/%E8%87%B3%E4%BB%8A%E4%B8%BA%E6%AD%A2%E7%9A%84%E7%AC%AC%E4%B8%80%E7%AF%87%E6%96%87%E7%AB%A0/">至今为止的第一篇文章</a>


</section>


</article>
</div>

</div>
<footer id="footer" class="footer">
<div class="copyright">
<span>© Yupcle | 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>
Loading

0 comments on commit 18e429a

Please sign in to comment.