-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
83 lines (83 loc) · 44 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!doctype html>
<html lang="zh"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><meta><title>头头博客</title><link rel="manifest" href="/manifest.json"><meta name="theme-color" content="#fff"><meta name="application-name" content="头头博客"><meta name="msapplication-TileImage" content="/asset/favicon144.png"><meta name="msapplication-TileColor" content="#fff"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-title" content="头头博客"><meta name="apple-mobile-web-app-status-bar-style" content="default"><link rel="apple-touch-icon" sizes="96x96" href="/asset/favicon96.png"><link rel="apple-touch-icon" sizes="144x144" href="/asset/favicon144.png"><link rel="apple-touch-icon" sizes="192x192" href="/asset/favicon192.png"><meta name="description" content="黄智权的个人博客。"><meta property="og:type" content="blog"><meta property="og:title" content="头头博客"><meta property="og:url" content="https://blog.tootal.xyz/"><meta property="og:site_name" content="头头博客"><meta property="og:description" content="黄智权的个人博客。"><meta property="og:locale" content="zh_CN"><meta property="og:image" content="https://blog.tootal.xyz/img/og_image.png"><meta property="article:author" content="黄智权"><meta property="article:tag" content="计算机"><meta property="article:tag" content="算法"><meta property="article:tag" content="技术"><meta property="twitter:card" content="summary"><meta property="twitter:image" content="/img/og_image.png"><script type="application/ld+json">{"@context":"https://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@type":"WebPage","@id":"https://blog.tootal.xyz"},"headline":"头头博客","image":["https://blog.tootal.xyz/img/og_image.png"],"author":{"@type":"Person","name":"黄智权"},"description":"黄智权的个人博客。"}</script><link rel="icon" href="/asset/favicon.png"><link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/5.15.1/css/all.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@9.12.0/styles/atom-one-light.css"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;600&family=Source+Code+Pro"><link rel="stylesheet" href="/css/default.css"><style>body>.footer,body>.navbar,body>.section{opacity:0}</style><!--!--><script>var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?a0752fdc3e7a9d538e1cb45af25201a4";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();</script><!--!--><script src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js" defer></script><!--!--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery@1.6.8/dist/css/lightgallery.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/css/justifiedGallery.min.css"><!--!--><!--!--><script src="https://cdn.jsdelivr.net/npm/pace-js@1.0.2/pace.min.js"></script><!--!--><!--!--><meta name="generator" content="Hexo 5.3.0"><link rel="alternate" href="/atom.xml" title="头头博客" type="application/atom+xml">
</head><body class="is-2-column"><nav class="navbar navbar-main"><div class="container"><div class="navbar-brand justify-content-center"><a class="navbar-item navbar-logo" href="/">头头博客</a></div><div class="navbar-menu"><div class="navbar-start"><a class="navbar-item is-active" href="/">首页</a><a class="navbar-item" href="/archives">存档</a><a class="navbar-item" href="/categories">分类</a><a class="navbar-item" href="/tags">标签</a><a class="navbar-item" target="_blank" rel="noopener" href="https://note.tootal.xyz">笔记</a><a class="navbar-item" href="/about">关于</a></div><div class="navbar-end"><a class="navbar-item" target="_blank" rel="noopener" title="View on GitHub" href="https://github.com/tootal/tootal.github.io"><i class="fab fa-github"></i></a><a class="navbar-item search" title="搜索" href="javascript:;"><i class="fas fa-search"></i></a></div></div></div></nav><section class="section"><div class="container"><div class="columns"><div class="column order-2 column-main is-8-tablet is-8-desktop is-8-widescreen"><div class="card"><div class="card-image"><a class="image is-7by3" href="/posts/leetcode-template/"><img class="fill" src="/asset/leetcode-template.conver.png" alt="LeetCode链表与二叉树模板总结"></a></div><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2021-03-30T16:09:20.000Z" title="2021-03-30T16:09:20.000Z">2021-03-31</time>发表</span><span class="level-item"><time dateTime="2021-03-31T10:42:26.000Z" title="2021-03-31T10:42:26.000Z">2021-03-31</time>更新</span><span class="level-item">17 分钟读完 (大约2592个字)</span></div></div><h1 class="title is-3 is-size-4-mobile"><a class="link-muted" href="/posts/leetcode-template/">LeetCode链表与二叉树模板总结</a></h1><div class="content"><p>链表和二叉树是非常经典的数据结构，许多算法都是基于这两个数据结构之上的。最近刷了不少LeetCode上面相关的题目，发现这两种数据结构由于没有适当的输出函数或是表示形式，难以在本地进行调试，因此就想写一个关于链表与二叉树的相关模板。</p>
<p>模板基于LeetCode上的结构体定义，使用C++语言编写，支持链表和二叉树的创建与输出。</p></div><a class="article-more button is-small is-size-7" href="/posts/leetcode-template/#more">阅读更多</a></article></div><div class="card"><div class="card-image"><a class="image is-7by3" href="/posts/vnote-task/"><img class="fill" src="/asset/vnote-task.cover.png" alt="给VNote添加任务系统"></a></div><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2021-01-28T14:09:41.000Z" title="2021-01-28T14:09:41.000Z">2021-01-28</time>发表</span><span class="level-item"><time dateTime="2021-01-29T07:40:16.000Z" title="2021-01-29T07:40:16.000Z">2021-01-29</time>更新</span><span class="level-item">1 小时读完 (大约10366个字)</span></div></div><h1 class="title is-3 is-size-4-mobile"><a class="link-muted" href="/posts/vnote-task/">给VNote添加任务系统</a></h1><div class="content"><p><a target="_blank" rel="noopener" href="https://vnotex.github.io/vnote/zh_cn/">VNote</a>是一款专为Markdown设计的Vim风格笔记应用程序。目前使用已经两年多了，平时用来记录、摘抄都挺方便的。略有不方便的地方就是VNote不能方便地运行一些外部工具，例如：</p>
<ul>
<li>通过<a target="_blank" rel="noopener" href="https://git-scm.com/">Git</a>进行笔记的版本控制</li>
<li>将多个终端的笔记通过<a target="_blank" rel="noopener" href="https://help.jianguoyun.com/?p=2064">坚果云</a>进行同步</li>
<li>将写好的Markdown文档通过<a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/">Hexo</a>渲染预览并发布</li>
<li>调用外部编辑器如<a target="_blank" rel="noopener" href="https://typora.io/">Typora</a>或是<a target="_blank" rel="noopener" href="https://code.visualstudio.com/">VS Code</a>进行进一步编辑</li>
</ul>
<p>在本文中，我将为VNote设计实现一个任务系统来运行外部工具，从而解决上面这些问题。</p></div><a class="article-more button is-small is-size-7" href="/posts/vnote-task/#more">阅读更多</a></article></div><div class="card"><div class="card-image"><a class="image is-7by3" href="/posts/interview-2year/"><img class="fill" src="/asset/interview-2year.cover.jpg" alt="怎样花两年时间去面试一个人"></a></div><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2021-01-17T12:33:35.000Z" title="2021-01-17T12:33:35.000Z">2021-01-17</time>发表</span><span class="level-item"><time dateTime="2021-01-17T12:33:35.000Z" title="2021-01-17T12:33:35.000Z">2021-01-17</time>更新</span><span class="level-item">1 小时读完 (大约10977个字)</span></div></div><h1 class="title is-3 is-size-4-mobile"><a class="link-muted" href="/posts/interview-2year/">怎样花两年时间去面试一个人</a></h1><div class="content"><p>最近参加了两场面试，也是挺有感触的。分享一篇与面试相关的文章，里面很多内容即使十年过去了也丝毫不过时，甚至每次读过都有新的感悟。例如里面提到了关于大作业的部分：</p>
<blockquote class="pullquote"><p>一想到作业是要作为简历的一部分的，能不紧张嘛。能不好好做嘛。能不学到点东西嘛？</p>
</blockquote>
<p>我在写<a target="_blank" rel="noopener" href="https://github.com/tootal/DBLParse">数据结构大作业</a>的时候就干过这事，把一个2学分的课程大作业当作一个大项目来完成，提交了800多次<a target="_blank" rel="noopener" href="https://github.com/tootal/DBLParse/commits/master">commits</a>，给软件加上版本号，发布了<a target="_blank" rel="noopener" href="https://github.com/tootal/DBLParse/releases">Windows、MacOS以及Ubuntu</a>三个系统的软件包，加上持续构建脚本……</p>
<article class="message message-immersive is-primary">
<div class="message-body">
<i class="fas
fa-lightbulb mr-2"></i>以下内容摘自<a target="_blank" rel="noopener" href="http://mindhacks.cn/2011/11/04/how-to-interview-a-person-for-two-years/">怎样花两年时间去面试一个人 – 刘未鹏 | Mind Hacks</a>，修正了一些笔误以及将失效链接换成了<a target="_blank" rel="noopener" href="http://web.archive.org/">Web Archive</a>的链接。
</div>
</article>
<p><a target="_blank" rel="noopener" href="http://www.joelonsoftware.com/">Joel Spolsky</a>曾经感叹：招聘难，难于上青天（此处笔者稍加演绎:)）。他有两个辛辣但不乏洞察力的断言：<a target="_blank" rel="noopener" href="http://www.joelonsoftware.com/articles/FindingGreatDevelopers.html">真正的牛人也许一辈子就投大概4次简历</a>，这些家伙一毕业就被好公司抢走了，并且他们的雇主会给他们不赖的待遇，所以他们也不想挪窝。（刚刚去世的<a target="_blank" rel="noopener" href="http://www.ruanyifeng.com/blog/2011/10/dennis_ritchie.html">Dennis Ritchie</a>就是这样一个人）而“人才”市场上能找到的大多都不是什么人才。招到这帮人轻则费钱重则把你公司搞挂。</p></div><a class="article-more button is-small is-size-7" href="/posts/interview-2year/#more">阅读更多</a></article></div><div class="card"><div class="card-image"><a class="image is-7by3" href="/posts/fibonacci-summary/"><img class="fill" src="/asset/fibonacci-summary.cover.png" alt="斐波那契数列总结"></a></div><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2020-12-05T07:23:41.000Z" title="2020-12-05T07:23:41.000Z">2020-12-05</time>发表</span><span class="level-item"><time dateTime="2020-12-08T04:13:15.000Z" title="2020-12-08T04:13:15.000Z">2020-12-08</time>更新</span><span class="level-item"><a class="link-muted" href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/">计算机</a><span> / </span><a class="link-muted" href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/%E7%AE%97%E6%B3%95%E7%AB%9E%E8%B5%9B/">算法竞赛</a></span><span class="level-item">40 分钟读完 (大约5954个字)</span></div></div><h1 class="title is-3 is-size-4-mobile"><a class="link-muted" href="/posts/fibonacci-summary/">斐波那契数列总结</a></h1><div class="content"><p><a target="_blank" rel="noopener" href="https://oi-wiki.org/math/fibonacci/">斐波那契数列</a>是从0，1开始，后面每一项都是由前面两项相加得到。开头几项是0、1、1、2、3、5、8、13……。在OEIS中是<a target="_blank" rel="noopener" href="https://oeis.org/A000045">A000045</a>数列。需要注意的是斐波那契数列的<strong>第零项</strong>是0，第一项是1。本文将探讨总结斐波那契数列的相关问题。</p>
<p>递归定义如下：</p>
<div role="math">$$
F_n =
\begin{cases}
0, & n = 0 \\
1, & n = 1 \\
F_{n-1} + F_{n-2} & n > 1
\end{cases}
$$</div></div><a class="article-more button is-small is-size-7" href="/posts/fibonacci-summary/#more">阅读更多</a></article></div><div class="card"><div class="card-image"><a class="image is-7by3" href="/posts/scutpc2020-summary/"><img class="fill" src="/asset/scutpc2020-summary.cover.webp" alt="2020 年「计算机科学与工程学院」新生赛总结"></a></div><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2020-11-23T09:54:01.000Z" title="2020-11-23T09:54:01.000Z">2020-11-23</time>发表</span><span class="level-item"><time dateTime="2020-11-23T09:54:01.000Z" title="2020-11-23T09:54:01.000Z">2020-11-23</time>更新</span><span class="level-item"><a class="link-muted" href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/">计算机</a><span> / </span><a class="link-muted" href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/%E7%AE%97%E6%B3%95%E7%AB%9E%E8%B5%9B/">算法竞赛</a></span><span class="level-item">1 小时读完 (大约9902个字)</span></div></div><h1 class="title is-3 is-size-4-mobile"><a class="link-muted" href="/posts/scutpc2020-summary/">2020 年「计算机科学与工程学院」新生赛总结</a></h1><div class="content"><p>第一次作为出题人参与一场算法竞赛，感受还是很不同的。相比与参赛者，少了一些紧张刺激新鲜感，当然也少了一些自闭。</p>
<p>比赛在<a target="_blank" rel="noopener" href="https://scut.online">SCUT CODE</a>上举行，总体而言这个系统做的还是挺不错的，响应迅速，功能齐全。唯一要吐槽的就是题目竟然只能添加不能删除！添加比赛需要一些玄之又玄的操作。还有Special Judge也是非常难配置，还缺少了交互功能。第一场由于没有放特别简单的签到题导致大量选手爆0，导致第二场人数锐减。。。不过第二场比赛的题目最后经过调整还是简单了许多的。下面按难度总结一下这次比赛的题目，目前题目已经全部开放了，可以在题库中找到提交。</p>
<p><a target="_blank" rel="noopener" href="https://scut.online/contest/106">第一场比赛链接</a><br>
<a target="_blank" rel="noopener" href="https://scut.online/contest/99">第二场比赛链接</a></p></div><a class="article-more button is-small is-size-7" href="/posts/scutpc2020-summary/#more">阅读更多</a></article></div><div class="card"><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2020-08-30T05:53:57.000Z" title="2020-08-30T05:53:57.000Z">2020-08-30</time>发表</span><span class="level-item"><time dateTime="2020-08-30T05:53:57.000Z" title="2020-08-30T05:53:57.000Z">2020-08-30</time>更新</span><span class="level-item"><a class="link-muted" href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/">计算机</a><span> / </span><a class="link-muted" href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/%E6%8A%80%E6%9C%AF/">技术</a></span><span class="level-item">7 分钟读完 (大约1084个字)</span></div></div><h1 class="title is-3 is-size-4-mobile"><a class="link-muted" href="/posts/pdf-table/">给PDF文件添加目录</a></h1><div class="content"><p>最近在找一些教材的PDF版本，有时候找到了PDF版本却没有目录，对于教材这种需要经常查阅的电子书来说，没有书签目录会导致效率大大降低。之前一直将就着用了，正好暑假小学期结束了，有一些空闲时间，这次我决定给PDF加上目录。</p></div><a class="article-more button is-small is-size-7" href="/posts/pdf-table/#more">阅读更多</a></article></div><div class="card"><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2020-07-12T08:09:49.000Z" title="2020-07-12T08:09:49.000Z">2020-07-12</time>发表</span><span class="level-item"><time dateTime="2020-07-12T08:09:49.000Z" title="2020-07-12T08:09:49.000Z">2020-07-12</time>更新</span><span class="level-item"><a class="link-muted" href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/">计算机</a><span> / </span><a class="link-muted" href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/%E7%AE%97%E6%B3%95%E7%AB%9E%E8%B5%9B/">算法竞赛</a></span><span class="level-item">17 分钟读完 (大约2481个字)</span></div></div><h1 class="title is-3 is-size-4-mobile"><a class="link-muted" href="/posts/lis-summary/">最长上升子序列（LIS）总结</a></h1><div class="content"><p>子序列：可以通过删除原序列中一些元素获得的序列。<br>
子串：原序列中连续的一段。<br>
子序列和子串的区别：子序列不需要连续，子串是连续的。如abcdef中acf是子序列，bcd是子串。显然子串都是子序列。</p>
<p>参考：<a target="_blank" rel="noopener" href="https://en.wanweibaike.com/wiki-Longest%20increasing%20subsequence">Longest increasing subsequence</a></p></div><a class="article-more button is-small is-size-7" href="/posts/lis-summary/#more">阅读更多</a></article></div><div class="card"><div class="card-image"><a class="image is-7by3" href="/posts/sqlserver-summary/"><img class="fill" src="/asset/sqlserver-summary.cover.webp" alt="数据库实验总结"></a></div><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2020-06-06T01:12:30.000Z" title="2020-06-06T01:12:30.000Z">2020-06-06</time>发表</span><span class="level-item"><time dateTime="2020-06-06T01:12:30.000Z" title="2020-06-06T01:12:30.000Z">2020-06-06</time>更新</span><span class="level-item"><a class="link-muted" href="/categories/%E5%A4%A7%E5%AD%A6%E8%AF%BE%E7%A8%8B/">大学课程</a><span> / </span><a class="link-muted" href="/categories/%E5%A4%A7%E5%AD%A6%E8%AF%BE%E7%A8%8B/%E6%95%B0%E6%8D%AE%E5%BA%93/">数据库</a></span><span class="level-item">31 分钟读完 (大约4613个字)</span></div></div><h1 class="title is-3 is-size-4-mobile"><a class="link-muted" href="/posts/sqlserver-summary/">数据库实验总结</a></h1><div class="content"><p>最近由于数据库课程的需要，做了一些数据库相关的实验，在此做一些总结与记录。</p>
<h2 id="版本选择与环境安装">版本选择与环境安装<a class="header-anchor" href="#版本选择与环境安装">#</a></h2>
<p>之前用数据库都是选择开源的<a target="_blank" rel="noopener" href="https://www.mysql.com/">MySQL</a>或是轻便的<a target="_blank" rel="noopener" href="https://www.sqlite.org/index.html">SQLite</a>，这次想尝试一下更强大的数据库产品。课程推荐使用的是<a target="_blank" rel="noopener" href="https://www.oracle.com/database/technologies/">Oracle Database</a>或者<a target="_blank" rel="noopener" href="https://www.microsoft.com/zh-cn/sql-server">SQL Server</a>，目前市场上主流也是这两个数据库产品。其中占比更多的是Oracle的产品，但是简单对比了一下我还是选择了SQL Server，主要原因就是SQL Server提供中文的文档，对新手也比较友好。想详细了解一下可以参考：<a target="_blank" rel="noopener" href="https://docs.oracle.com/en/database/oracle/oracle-database/18/cncpt/sql.html#GUID-DA48618A-A6BB-421A-A10A-02859D8ED9AD">Oracle的文档</a>和<a target="_blank" rel="noopener" href="https://docs.microsoft.com/zh-cn/sql/t-sql/tutorial-writing-transact-sql-statements?view=sql-server-ver15">Microsoft的文档</a>。</p></div><a class="article-more button is-small is-size-7" href="/posts/sqlserver-summary/#more">阅读更多</a></article></div><div class="card"><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2020-05-01T02:05:15.000Z" title="2020-05-01T02:05:15.000Z">2020-05-01</time>发表</span><span class="level-item"><time dateTime="2020-05-01T02:05:15.000Z" title="2020-05-01T02:05:15.000Z">2020-05-01</time>更新</span><span class="level-item"><a class="link-muted" href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/">计算机</a><span> / </span><a class="link-muted" href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/%E7%AE%97%E6%B3%95%E7%AB%9E%E8%B5%9B/">算法竞赛</a></span><span class="level-item">2 分钟读完 (大约311个字)</span></div></div><h1 class="title is-3 is-size-4-mobile"><a class="link-muted" href="/posts/first-code/">我的第一行代码</a></h1><div class="content"><p><a target="_blank" rel="noopener" href="http://www.rqnoj.cn/status/1003351">RQNOJ - 陶陶摘苹果</a><br>
<a target="_blank" rel="noopener" href="http://jiangxi.xiaoxiaotong.org/FileNotice/Detail?lnArticleID=21752">2013年江西省计算机奥赛源程序公示（JX-609037）</a></p></div><a class="article-more button is-small is-size-7" href="/posts/first-code/#more">阅读更多</a></article></div><div class="card"><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2020-04-20T09:53:57.000Z" title="2020-04-20T09:53:57.000Z">2020-04-20</time>发表</span><span class="level-item"><time dateTime="2020-04-20T09:53:57.000Z" title="2020-04-20T09:53:57.000Z">2020-04-20</time>更新</span><span class="level-item"><a class="link-muted" href="/categories/%E5%A4%A7%E5%AD%A6%E8%AF%BE%E7%A8%8B/">大学课程</a><span> / </span><a class="link-muted" href="/categories/%E5%A4%A7%E5%AD%A6%E8%AF%BE%E7%A8%8B/Web%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1/">Web程序设计</a></span><span class="level-item">2 分钟读完 (大约278个字)</span></div></div><h1 class="title is-3 is-size-4-mobile"><a class="link-muted" href="/posts/css-programming/">CSS高级实践编程</a></h1><div class="content"><p>其实起这个标题还是有点尴尬的，毕竟这次的内容实在算不上什么“高级”，但这就是Web程序设计课程的第三次实验名称，还是按照实验名来发布了。由于Web实验均要求提交HTML文档（当然不可能是Markdown文档），因此就只在这里记录一个<a href="/html/css-advanced-practical-programming/">正文的链接</a>，内容同样保存在博客内部，但不会在其他地方有链接。</p>
<p>这次实验虽然做的比较匆忙，但总体来说还是达到了我的预期：看着还行。其实仔细测试一下就会发现很多不完善的地方，例如将浏览器窗口缩小后，目录位置就错乱了。这主要是应为我使用了绝对定位。网页的内容大部分都是从平时的课件上照抄下来的，参考价值不是很大。这次只是想记录一下我制作HTML文档的成果。</p>
</div></article></div><nav class="pagination" role="navigation" aria-label="pagination"><div class="pagination-previous is-invisible is-hidden-mobile"><a href="/page/0/">上一页</a></div><div class="pagination-next"><a href="/page/2/">下一页</a></div><ul class="pagination-list is-hidden-mobile"><li><a class="pagination-link is-current" href="/">1</a></li><li><a class="pagination-link" href="/page/2/">2</a></li><li><a class="pagination-link" href="/page/3/">3</a></li><li><a class="pagination-link" href="/page/4/">4</a></li></ul></nav></div><!--!--><div class="column column-right is-4-tablet is-4-desktop is-4-widescreen order-3"><div class="card widget" data-type="profile"><div class="card-content"><nav class="level"><div class="level-item has-text-centered flex-shrink-1"><div><figure class="image is-128x128 mx-auto mb-2"><img class="avatar is-rounded" src="/asset/avatar.webp" alt="黄智权"></figure><p class="title is-size-4 is-block" style="line-height:inherit;">黄智权</p><p class="is-size-6 is-block">计算机专业学生</p><p class="is-size-6 is-flex justify-content-center"><i class="fas fa-map-marker-alt mr-1"></i><span>中国 广州</span></p></div></div></nav><nav class="level is-mobile"><div class="level-item has-text-centered is-marginless"><div><p class="heading">文章</p><a href="/archives"><p class="title">39</p></a></div></div><div class="level-item has-text-centered is-marginless"><div><p class="heading">分类</p><a href="/categories"><p class="title">9</p></a></div></div><div class="level-item has-text-centered is-marginless"><div><p class="heading">标签</p><a href="/tags"><p class="title">26</p></a></div></div></nav><div class="level"><a class="level-item button is-primary is-rounded" href="https://github.com/tootal" target="_blank" rel="noopener">关注我</a></div><div class="level is-mobile"><a class="level-item button is-transparent is-marginless" target="_blank" rel="noopener" title="Github" href="https://github.com/tootal"><i class="fab fa-github"></i></a><a class="level-item button is-transparent is-marginless" target="_blank" rel="noopener" title="Twitter" href="https://twitter.com/hzqconvex"><i class="fab fa-twitter"></i></a><a class="level-item button is-transparent is-marginless" target="_blank" rel="noopener" title="微博" href="https://weibo.com/tootalxyz"><i class="fab fa-weibo"></i></a><a class="level-item button is-transparent is-marginless" target="_blank" rel="noopener" title="Email" href="mailto:tootal@yeah.net"><i class="fa fa-envelope"></i></a><a class="level-item button is-transparent is-marginless" target="_blank" rel="noopener" title="RSS" href="/atom.xml"><i class="fas fa-rss"></i></a></div></div></div><!--!--><div class="card widget" data-type="links"><div class="card-content"><div class="menu"><h3 class="menu-label">链接</h3><ul class="menu-list"><li><a class="level is-mobile" href="https://www.tootal.xyz" target="_blank" rel="noopener"><span class="level-left"><span class="level-item">头头世界</span></span><span class="level-right"><span class="level-item tag">www.tootal.xyz</span></span></a></li><li><a class="level is-mobile" href="http://mall.tootal.xyz" target="_blank" rel="noopener"><span class="level-left"><span class="level-item">头头商城</span></span><span class="level-right"><span class="level-item tag">mall.tootal.xyz</span></span></a></li><li><a class="level is-mobile" href="https://note.tootal.xyz" target="_blank" rel="noopener"><span class="level-left"><span class="level-item">头头笔记</span></span><span class="level-right"><span class="level-item tag">note.tootal.xyz</span></span></a></li><li><a class="level is-mobile" href="https://gan.tootal.xyz" target="_blank" rel="noopener"><span class="level-left"><span class="level-item">章又贡</span></span><span class="level-right"><span class="level-item tag">gan.tootal.xyz</span></span></a></li></ul></div></div></div><div class="card widget" data-type="categories"><div class="card-content"><div class="menu"><h3 class="menu-label">分类</h3><ul class="menu-list"><li><a class="level is-mobile" href="/categories/%E5%A4%A7%E5%AD%A6%E8%AF%BE%E7%A8%8B/"><span class="level-start"><span class="level-item">大学课程</span></span><span class="level-end"><span class="level-item tag">12</span></span></a><ul><li><a class="level is-mobile" href="/categories/%E5%A4%A7%E5%AD%A6%E8%AF%BE%E7%A8%8B/C-%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1/"><span class="level-start"><span class="level-item">C++程序设计</span></span><span class="level-end"><span class="level-item tag">6</span></span></a></li><li><a class="level is-mobile" href="/categories/%E5%A4%A7%E5%AD%A6%E8%AF%BE%E7%A8%8B/Java%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1/"><span class="level-start"><span class="level-item">Java程序设计</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/categories/%E5%A4%A7%E5%AD%A6%E8%AF%BE%E7%A8%8B/Web%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1/"><span class="level-start"><span class="level-item">Web程序设计</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/categories/%E5%A4%A7%E5%AD%A6%E8%AF%BE%E7%A8%8B/%E6%95%B0%E5%AD%A6%E5%88%86%E6%9E%90/"><span class="level-start"><span class="level-item">数学分析</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/categories/%E5%A4%A7%E5%AD%A6%E8%AF%BE%E7%A8%8B/%E6%95%B0%E6%8D%AE%E5%BA%93/"><span class="level-start"><span class="level-item">数据库</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li></ul></li><li><a class="level is-mobile" href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/"><span class="level-start"><span class="level-item">计算机</span></span><span class="level-end"><span class="level-item tag">18</span></span></a><ul><li><a class="level is-mobile" href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/%E6%8A%80%E6%9C%AF/"><span class="level-start"><span class="level-item">技术</span></span><span class="level-end"><span class="level-item tag">5</span></span></a></li><li><a class="level is-mobile" href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/%E7%AE%97%E6%B3%95%E7%AB%9E%E8%B5%9B/"><span class="level-start"><span class="level-item">算法竞赛</span></span><span class="level-end"><span class="level-item tag">13</span></span></a></li></ul></li></ul></div></div></div><div class="card widget" data-type="recent-posts"><div class="card-content"><h3 class="menu-label">最新文章</h3><article class="media"><figure class="media-left"><a class="image" href="/posts/leetcode-template/"><img src="/asset/leetcode-template.conver.png" alt="LeetCode链表与二叉树模板总结"></a></figure><div class="media-content"><p class="date"><time dateTime="2021-03-30T16:09:20.000Z">2021-03-31</time></p><p class="title"><a href="/posts/leetcode-template/">LeetCode链表与二叉树模板总结</a></p></div></article><article class="media"><figure class="media-left"><a class="image" href="/posts/vnote-task/"><img src="/asset/vnote-task.cover.png" alt="给VNote添加任务系统"></a></figure><div class="media-content"><p class="date"><time dateTime="2021-01-28T14:09:41.000Z">2021-01-28</time></p><p class="title"><a href="/posts/vnote-task/">给VNote添加任务系统</a></p></div></article><article class="media"><figure class="media-left"><a class="image" href="/posts/interview-2year/"><img src="/asset/interview-2year.cover.jpg" alt="怎样花两年时间去面试一个人"></a></figure><div class="media-content"><p class="date"><time dateTime="2021-01-17T12:33:35.000Z">2021-01-17</time></p><p class="title"><a href="/posts/interview-2year/">怎样花两年时间去面试一个人</a></p></div></article><article class="media"><figure class="media-left"><a class="image" href="/posts/fibonacci-summary/"><img src="/asset/fibonacci-summary.cover.png" alt="斐波那契数列总结"></a></figure><div class="media-content"><p class="date"><time dateTime="2020-12-05T07:23:41.000Z">2020-12-05</time></p><p class="title"><a href="/posts/fibonacci-summary/">斐波那契数列总结</a></p><p class="categories"><a href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/">计算机</a> / <a href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/%E7%AE%97%E6%B3%95%E7%AB%9E%E8%B5%9B/">算法竞赛</a></p></div></article><article class="media"><figure class="media-left"><a class="image" href="/posts/scutpc2020-summary/"><img src="/asset/scutpc2020-summary.cover.webp" alt="2020 年「计算机科学与工程学院」新生赛总结"></a></figure><div class="media-content"><p class="date"><time dateTime="2020-11-23T09:54:01.000Z">2020-11-23</time></p><p class="title"><a href="/posts/scutpc2020-summary/">2020 年「计算机科学与工程学院」新生赛总结</a></p><p class="categories"><a href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/">计算机</a> / <a href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA/%E7%AE%97%E6%B3%95%E7%AB%9E%E8%B5%9B/">算法竞赛</a></p></div></article></div></div><div class="card widget" data-type="archives"><div class="card-content"><div class="menu"><h3 class="menu-label">归档</h3><ul class="menu-list"><li><a class="level is-mobile" href="/archives/2021/03/"><span class="level-start"><span class="level-item">三月 2021</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/archives/2021/01/"><span class="level-start"><span class="level-item">一月 2021</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/archives/2020/12/"><span class="level-start"><span class="level-item">十二月 2020</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/archives/2020/11/"><span class="level-start"><span class="level-item">十一月 2020</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/archives/2020/08/"><span class="level-start"><span class="level-item">八月 2020</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/archives/2020/07/"><span class="level-start"><span class="level-item">七月 2020</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/archives/2020/06/"><span class="level-start"><span class="level-item">六月 2020</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/archives/2020/05/"><span class="level-start"><span class="level-item">五月 2020</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/archives/2020/04/"><span class="level-start"><span class="level-item">四月 2020</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/archives/2020/02/"><span class="level-start"><span class="level-item">二月 2020</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/archives/2019/08/"><span class="level-start"><span class="level-item">八月 2019</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/archives/2019/06/"><span class="level-start"><span class="level-item">六月 2019</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/archives/2019/05/"><span class="level-start"><span class="level-item">五月 2019</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/archives/2019/04/"><span class="level-start"><span class="level-item">四月 2019</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/archives/2019/01/"><span class="level-start"><span class="level-item">一月 2019</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/archives/2018/12/"><span class="level-start"><span class="level-item">十二月 2018</span></span><span class="level-end"><span class="level-item tag">16</span></span></a></li><li><a class="level is-mobile" href="/archives/2018/11/"><span class="level-start"><span class="level-item">十一月 2018</span></span><span class="level-end"><span class="level-item tag">5</span></span></a></li></ul></div></div></div><div class="card widget" data-type="tags"><div class="card-content"><div class="menu"><h3 class="menu-label">标签</h3><div class="field is-grouped is-grouped-multiline"><div class="control"><a class="tags has-addons" href="/tags/ACM/"><span class="tag">ACM</span><span class="tag">11</span></a></div><div class="control"><a class="tags has-addons" href="/tags/C/"><span class="tag">C++</span><span class="tag">8</span></a></div><div class="control"><a class="tags has-addons" href="/tags/CSS/"><span class="tag">CSS</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Codeforces/"><span class="tag">Codeforces</span><span class="tag">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Java/"><span class="tag">Java</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/LIS/"><span class="tag">LIS</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/LeetCode/"><span class="tag">LeetCode</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Markdown/"><span class="tag">Markdown</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Minecraft/"><span class="tag">Minecraft</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/PDF/"><span class="tag">PDF</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Python/"><span class="tag">Python</span><span class="tag">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Qt/"><span class="tag">Qt</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/VNote/"><span class="tag">VNote</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Web/"><span class="tag">Web</span><span class="tag">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E4%BA%8C%E5%8F%89%E6%A0%91/"><span class="tag">二叉树</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92/"><span class="tag">动态规划</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%8D%9A%E5%AE%A2/"><span class="tag">博客</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%8A%80%E6%9C%AF/"><span class="tag">技术</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%95%B0%E5%AD%A6/"><span class="tag">数学</span><span class="tag">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%95%B0%E6%8D%AE%E5%BA%93/"><span class="tag">数据库</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%96%90%E6%B3%A2%E9%82%A3%E5%A5%91%E6%95%B0%E5%88%97/"><span class="tag">斐波那契数列</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E7%88%AC%E8%99%AB/"><span class="tag">爬虫</span><span class="tag">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E7%AE%97%E6%B3%95/"><span class="tag">算法</span><span class="tag">3</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E7%BC%96%E7%A8%8B/"><span class="tag">编程</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E9%93%BE%E8%A1%A8/"><span class="tag">链表</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E9%9D%A2%E8%AF%95/"><span class="tag">面试</span><span class="tag">1</span></a></div></div></div></div></div></div></div></div></section><footer class="footer"><div class="container"><div class="level"><div class="level-start"><a class="footer-logo is-block mb-2" href="/">头头博客</a><p class="is-size-7"><span>© 2021 黄智权</span><span> 由 <a href="https://hexo.io/" target="_blank" rel="noopener">Hexo</a> & <a href="https://github.com/ppoffice/hexo-theme-icarus" target="_blank" rel="noopener">Icarus</a> 驱动</span><br><span id="busuanzi_container_site_uv">共<span id="busuanzi_value_site_uv">0</span>个访客</span><br><a href="http://beian.miit.gov.cn/" target="_blank" rel="noopener">赣ICP备20007667号-1</a></p></div><div class="level-end"><div class="field has-addons"><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Creative Commons" href="https://creativecommons.org/"><i class="fab fa-creative-commons"></i></a></p><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Attribution 4.0 International" href="https://creativecommons.org/licenses/by/4.0/"><i class="fab fa-creative-commons-by"></i></a></p><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="View on GitHub" href="https://github.com/tootal/tootal.github.io"><i class="fab fa-github"></i></a></p></div></div></div></div></footer><script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/npm/moment@2.22.2/min/moment-with-locales.min.js"></script><script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.4/dist/clipboard.min.js" async></script><script>moment.locale("zh-CN");</script><script>var IcarusThemeSettings = {
article: {
highlight: {
clipboard: true,
fold: 'unfolded'
}
}
};</script><script src="/js/column.js"></script><script src="/js/animation.js"></script><a id="back-to-top" title="回到顶端" href="javascript:;"><i class="fas fa-chevron-up"></i></a><script src="/js/back_to_top.js" defer></script><!--!--><!--!--><!--!--><!--!--><script src="https://cdn.jsdelivr.net/npm/lightgallery@1.6.8/dist/js/lightgallery.min.js" defer></script><script src="https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/js/jquery.justifiedGallery.min.js" defer></script><script>window.addEventListener("load", () => {
if (typeof $.fn.lightGallery === 'function') {
$('.article').lightGallery({ selector: '.gallery-item' });
}
if (typeof $.fn.justifiedGallery === 'function') {
if ($('.justified-gallery > p > .gallery-item').length) {
$('.justified-gallery > p > .gallery-item').unwrap();
}
$('.justified-gallery').justifiedGallery();
}
});</script><!--!--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css"><script src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" defer></script><script src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js" defer></script><script src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/mhchem.js" defer></script><script>
var katex_config = {
delimiters:
[
{left: "$$", right: "$$", display: true},
{left: "$", right: "$", display: false}
],
strict: false,
throwOnError: false
};
window.addEventListener("load", function() {
document.querySelectorAll('[role="article"] > .content').forEach(function(element) {
renderMathInElement(element, katex_config);
});
document.querySelectorAll('#toc .level-item').forEach(function(element) {
renderMathInElement(element, katex_config);
});
});</script><!--!--><!--!--><!--!--><script src="/js/main.js" defer></script><div class="searchbox"><div class="searchbox-container"><div class="searchbox-header"><div class="searchbox-input-container"><input class="searchbox-input" type="text" placeholder="想要查找什么..."></div><a class="searchbox-close" href="javascript:;">×</a></div><div class="searchbox-body"></div></div></div><script src="/js/insight.js" defer></script><script>document.addEventListener('DOMContentLoaded', function () {
loadInsight({"contentUrl":"/content.json"}, {"hint":"想要查找什么...","untitled":"(无标题)","posts":"文章","pages":"页面","categories":"分类","tags":"标签"});
});</script></body></html>