Skip to content

Commit

Permalink
Site updated: 2024-04-22 11:08:39
Browse files Browse the repository at this point in the history
  • Loading branch information
@zyy981012
zyy981012 committed Apr 22, 2024
1 parent f3d86a5 commit acef493
Show file tree
Hide file tree
Showing 39 changed files with 5,016 additions and 0 deletions.
304 changes: 304 additions & 0 deletions 2024/04/21/总结报告/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,304 @@
<!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>总结报告 | 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="/">zyy&#39;s Blog</a></div>
<div class="menu navbar-right">

<a class="menu-item" target="_blank" rel="noopener" href="https://zyy981012.github.io/">首页</a>

<a class="menu-item" href="/guanyuwo">关于我</a>

<a class="menu-item" href="/wenzhangliebiao">文章列表</a>

<a class="menu-item" href="/zongjiebaogao">总结报告</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="/">zyy&#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" target="_blank" rel="noopener" href="https://zyy981012.github.io/">首页</a>

<a class="menu-item" href="/guanyuwo">关于我</a>

<a class="menu-item" href="/wenzhangliebiao">文章列表</a>

<a class="menu-item" href="/zongjiebaogao">总结报告</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">总结报告</h1>

<div class="post-meta">

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



<span class="post-time">
Date: <a href="#">April 21, 2024&nbsp;&nbsp;18:39:00</a>
</span>


</div>

</header>

<div class="post-content">
<h3 id="个人总结报告"><a href="#个人总结报告" class="headerlink" title="个人总结报告"></a>个人总结报告</h3><h4 id="博客主题及其选取原因"><a href="#博客主题及其选取原因" class="headerlink" title="博客主题及其选取原因"></a>博客主题及其选取原因</h4><p>我选择可博客主题名为Chic，我看中它的原因是他主色调为黑白，简洁又大气选择框架<br>博客的主体框架是从Hexo上下载的，Hexo的使用比较频繁且博客页面的主题也比较多。而且Hexo的相关教程很多，部署也很方便。</p>
<h4 id="博客页面布局及其设计思路"><a href="#博客页面布局及其设计思路" class="headerlink" title="博客页面布局及其设计思路"></a>博客页面布局及其设计思路</h4><p><img src="/2024/04/21/%E6%80%BB%E7%BB%93%E6%8A%A5%E5%91%8A/zyyblog\blog\public\image\shouye.png"></p>
<ul>
<li><p>这是它的主题首页，左上角为博客名称，右上角分别有首页，关于我，文章列表，文章详情4个界面</p>
<p>还有一个切换白天夜间模式的按钮，中间是人物头像和个人简介</p>
<p>底下有6个图标分别对应文章，标签，知乎，ins，reddit和github</p>
<h4 id="博客功能实现及其技术选择"><a href="#博客功能实现及其技术选择" class="headerlink" title="博客功能实现及其技术选择"></a>博客功能实现及其技术选择</h4><p>本博客主要实现了以下几个功能：</p>
<ul>
<li><p>一目了然的选择界面</p>
</li>
<li><p>日间模式与夜间模式的切换</p>
</li>
<li><p>跳转到各个网址的按钮</p>
</li>
</ul>
<p>技术选择<br>Hexo，使用的包管理器为npm，其可以简单地安装Hexo框架及其相关插件。用markdown编写文章</p>
<p>使用Github Page来在公网上发布博客。</p>
<h4 id="博客制作过程中遇到的问题及其解决方法"><a href="#博客制作过程中遇到的问题及其解决方法" class="headerlink" title="博客制作过程中遇到的问题及其解决方法"></a>博客制作过程中遇到的问题及其解决方法</h4></li>
</ul>
<h5 id="问题一"><a href="#问题一" class="headerlink" title="问题一"></a>问题一</h5><p>之前选用了别的主题，但发现无法导入</p>
<p>解决方法：采用本主题</p>
<h5 id="问题二"><a href="#问题二" class="headerlink" title="问题二"></a>问题二</h5><p>第一次使用hexo，所以git，nodejs的环境配置花费较长时间</p>
<p>解决方法：看B站视频教程一步一步配置环境</p>

</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/04/21/%E6%80%BB%E7%BB%93%E6%8A%A5%E5%91%8A/">http://example.com/2024/04/21/%E6%80%BB%E7%BB%93%E6%8A%A5%E5%91%8A/</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">


</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>
Loading

0 comments on commit acef493

Please sign in to comment.