Skip to content

Commit 12cf04a

Browse files
FridayFineFridayFine
committed
Site updated: 2020-04-12 19:30:52
1 parent 12e9efe commit 12cf04a

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

53 files changed

+11494
-0
lines changed

‎2018/06/23/dom-size/border-model.jpg‎

22 KB
Loading

‎2018/06/23/dom-size/index.html‎

Lines changed: 483 additions & 0 deletions
Large diffs are not rendered by default.

‎2018/06/24/length-unit/index.html‎

Lines changed: 503 additions & 0 deletions
Large diffs are not rendered by default.

‎2018/11/17/BFC-generation-and-application/BFC-reason.png‎

20.4 KB
Loading

‎2019/03/23/draw-circle/index.html‎

Lines changed: 467 additions & 0 deletions
Large diffs are not rendered by default.

‎about/index.html‎

Lines changed: 394 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,394 @@
1+
<!DOCTYPE html>
2+
<html lang="zh-CN">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
6+
<meta name="theme-color" content="#222">
7+
<meta name="generator" content="Hexo 3.8.0">
8+
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
9+
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-next.png">
10+
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-next.png">
11+
<link rel="mask-icon" href="/images/logo.svg" color="#222">
12+
13+
<link rel="stylesheet" href="/css/main.css">
14+
15+
16+
<link rel="stylesheet" href="/lib/font-awesome/css/all.min.css">
17+
18+
19+
<link rel="stylesheet" type="text/css" href="/vuep-css/vuep.css">
20+
21+
<script id="hexo-configurations">
22+
var NexT = window.NexT || {};
23+
var CONFIG = {"hostname":"yoursite.com","root":"/","scheme":"Gemini","version":"7.8.0","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},"copycode":{"enable":false,"show_result":false,"style":null},"back2top":{"enable":true,"sidebar":false,"scrollpercent":false},"bookmark":{"enable":false,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"algolia":{"hits":{"per_page":10},"labels":{"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}},"localsearch":{"enable":false,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}}};
24+
</script>
25+
26+
<meta property="og:type" content="website">
27+
<meta property="og:title" content="关于">
28+
<meta property="og:url" content="http://yoursite.com/about/index.html">
29+
<meta property="og:site_name" content="风中的纸屑">
30+
<meta property="og:locale" content="zh-CN">
31+
<meta property="og:updated_time" content="2020-04-12T07:12:22.998Z">
32+
<meta name="twitter:card" content="summary">
33+
<meta name="twitter:title" content="关于">
34+
35+
<link rel="canonical" href="http://yoursite.com/about/">
36+
37+
38+
<script id="page-configurations">
39+
// https://hexo.io/docs/variables.html
40+
CONFIG.page = {
41+
sidebar: "",
42+
isHome : false,
43+
isPost : false,
44+
lang : 'zh-CN'
45+
};
46+
</script>
47+
48+
<title>关于 | 风中的纸屑
49+
</title>
50+
51+
52+
53+
54+
55+
56+
57+
<noscript>
58+
<style>
59+
.use-motion .brand,
60+
.use-motion .menu-item,
61+
.sidebar-inner,
62+
.use-motion .post-block,
63+
.use-motion .pagination,
64+
.use-motion .comments,
65+
.use-motion .post-header,
66+
.use-motion .post-body,
67+
.use-motion .collection-header { opacity: initial; }
68+
69+
.use-motion .site-title,
70+
.use-motion .site-subtitle {
71+
opacity: initial;
72+
top: initial;
73+
}
74+
75+
.use-motion .logo-line-before i { left: initial; }
76+
.use-motion .logo-line-after i { right: initial; }
77+
</style>
78+
</noscript>
79+
80+
</head>
81+
82+
<body itemscope itemtype="http://schema.org/WebPage">
83+
<div class="container use-motion">
84+
<div class="headband"></div>
85+
86+
<header class="header" itemscope itemtype="http://schema.org/WPHeader">
87+
<div class="header-inner"><div class="site-brand-container">
88+
<div class="site-nav-toggle">
89+
<div class="toggle" aria-label="切换导航栏">
90+
<span class="toggle-line toggle-line-first"></span>
91+
<span class="toggle-line toggle-line-middle"></span>
92+
<span class="toggle-line toggle-line-last"></span>
93+
</div>
94+
</div>
95+
96+
<div class="site-meta">
97+
98+
<a href="/" class="brand" rel="start">
99+
<span class="logo-line-before"><i></i></span>
100+
<h1 class="site-title">风中的纸屑</h1>
101+
<span class="logo-line-after"><i></i></span>
102+
</a>
103+
</div>
104+
105+
<div class="site-nav-right">
106+
<div class="toggle popup-trigger">
107+
</div>
108+
</div>
109+
</div>
110+
111+
112+
113+
114+
<nav class="site-nav">
115+
<ul id="menu" class="main-menu menu">
116+
<li class="menu-item menu-item-home">
117+
118+
<a href="/" rel="section"><i class="fa fa-home fa-fw"></i>首页</a>
119+
120+
</li>
121+
<li class="menu-item menu-item-about">
122+
123+
<a href="/about/" rel="section"><i class="fa fa-user fa-fw"></i>关于</a>
124+
125+
</li>
126+
<li class="menu-item menu-item-tags">
127+
128+
<a href="/tags/" rel="section"><i class="fa fa-tags fa-fw"></i>标签</a>
129+
130+
</li>
131+
<li class="menu-item menu-item-categories">
132+
133+
<a href="/categories/" rel="section"><i class="fa fa-th fa-fw"></i>分类</a>
134+
135+
</li>
136+
<li class="menu-item menu-item-archives">
137+
138+
<a href="/archives/" rel="section"><i class="fa fa-archive fa-fw"></i>归档</a>
139+
140+
</li>
141+
<li class="menu-item menu-item-schedule">
142+
143+
<a href="/schedule/" rel="section"><i class="fa fa-calendar fa-fw"></i>日程表</a>
144+
145+
</li>
146+
</ul>
147+
</nav>
148+
149+
150+
151+
152+
</div>
153+
</header>
154+
155+
156+
<div class="back-to-top">
157+
<i class="fa fa-arrow-up"></i>
158+
<span>0%</span>
159+
</div>
160+
161+
162+
<main class="main">
163+
<div class="main-inner">
164+
<div class="content-wrap">
165+
166+
167+
168+
169+
<div class="content page posts-expand">
170+
171+
172+
173+
174+
175+
<div class="post-block" lang="zh-CN">
176+
<header class="post-header">
177+
178+
<h1 class="post-title" itemprop="name headline">关于
179+
</h1>
180+
181+
<div class="post-meta">
182+
183+
184+
</div>
185+
186+
</header>
187+
188+
189+
190+
191+
<div class="post-body">
192+
193+
</div>
194+
195+
196+
197+
</div>
198+
199+
200+
201+
202+
203+
204+
205+
</div>
206+
207+
208+
<script>
209+
window.addEventListener('tabs:register', () => {
210+
let { activeClass } = CONFIG.comments;
211+
if (CONFIG.comments.storage) {
212+
activeClass = localStorage.getItem('comments_active') || activeClass;
213+
}
214+
if (activeClass) {
215+
let activeTab = document.querySelector(`a[href="#comment-${activeClass}"]`);
216+
if (activeTab) {
217+
activeTab.click();
218+
}
219+
}
220+
});
221+
if (CONFIG.comments.storage) {
222+
window.addEventListener('tabs:click', event => {
223+
if (!event.target.matches('.tabs-comment .tab-content .tab-pane')) return;
224+
let commentClass = event.target.classList[1];
225+
localStorage.setItem('comments_active', commentClass);
226+
});
227+
}
228+
</script>
229+
230+
</div>
231+
232+
233+
<div class="toggle sidebar-toggle">
234+
<span class="toggle-line toggle-line-first"></span>
235+
<span class="toggle-line toggle-line-middle"></span>
236+
<span class="toggle-line toggle-line-last"></span>
237+
</div>
238+
239+
<aside class="sidebar">
240+
<div class="sidebar-inner">
241+
242+
<ul class="sidebar-nav motion-element">
243+
<li class="sidebar-nav-toc">
244+
文章目录
245+
</li>
246+
<li class="sidebar-nav-overview">
247+
站点概览
248+
</li>
249+
</ul>
250+
251+
<!--noindex-->
252+
<div class="post-toc-wrap sidebar-panel">
253+
</div>
254+
<!--/noindex-->
255+
256+
<div class="site-overview-wrap sidebar-panel">
257+
<div class="site-author motion-element" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
258+
<img class="site-author-image" itemprop="image" alt="FridayFine" src="/images/avatar.png">
259+
<p class="site-author-name" itemprop="name">FridayFine</p>
260+
<div class="site-description" itemprop="description"></div>
261+
</div>
262+
<div class="site-state-wrap motion-element">
263+
<nav class="site-state">
264+
<div class="site-state-item site-state-posts">
265+
<a href="/archives/">
266+
267+
<span class="site-state-item-count">3</span>
268+
<span class="site-state-item-name">日志</span>
269+
</a>
270+
</div>
271+
<div class="site-state-item site-state-tags">
272+
<a href="/tags/">
273+
274+
<span class="site-state-item-count">3</span>
275+
<span class="site-state-item-name">标签</span></a>
276+
</div>
277+
</nav>
278+
</div>
279+
<div class="links-of-author motion-element">
280+
<span class="links-of-author-item">
281+
<a href="https://stackoverflow.com/yourname" title="StackOverflow → https://stackoverflow.com/yourname" rel="noopener" target="_blank"><i class="fab fa-stack-overflow fa-fw"></i>StackOverflow</a>
282+
</span>
283+
<span class="links-of-author-item">
284+
<a href="https://youtube.com/yourname" title="YouTube → https://youtube.com/yourname" rel="noopener" target="_blank"><i class="fab fa-youtube fa-fw"></i>YouTube</a>
285+
</span>
286+
<span class="links-of-author-item">
287+
<a href="https://instagram.com/yourname" title="Instagram → https://instagram.com/yourname" rel="noopener" target="_blank"><i class="fab fa-instagram fa-fw"></i>Instagram</a>
288+
</span>
289+
<span class="links-of-author-item">
290+
<a href="skype:yourname?call|chat" title="Skype → skype:yourname?call|chat" rel="noopener" target="_blank"><i class="fab fa-skype fa-fw"></i>Skype</a>
291+
</span>
292+
</div>
293+
294+
295+
<div class="links-of-blogroll motion-element">
296+
<div class="links-of-blogroll-title"><i class="fa fa-link fa-fw"></i>
297+
Links
298+
</div>
299+
<ul class="links-of-blogroll-list">
300+
<li class="links-of-blogroll-item">
301+
<a href="https://www.zhangxinxu.com" title="https://www.zhangxinxu.com" rel="noopener" target="_blank">张鑫旭的个人博客</a>
302+
</li>
303+
<li class="links-of-blogroll-item">
304+
<a href="http://www.ruanyifeng.com/home.html" title="http://www.ruanyifeng.com/home.html" rel="noopener" target="_blank">阮一峰</a>
305+
</li>
306+
<li class="links-of-blogroll-item">
307+
<a href="http://theme-next.iissnan.com" title="http://theme-next.iissnan.com" rel="noopener" target="_blank">NEXT主题配置</a>
308+
</li>
309+
</ul>
310+
</div>
311+
312+
</div>
313+
314+
</div>
315+
</aside>
316+
<div id="sidebar-dimmer"></div>
317+
318+
319+
</div>
320+
</main>
321+
322+
<footer class="footer">
323+
<div class="footer-inner">
324+
325+
326+
327+
328+
<div class="copyright">
329+
330+
&copy;
331+
<span itemprop="copyrightYear">2020</span>
332+
<span class="with-love">
333+
<i class="fa fa-heart"></i>
334+
</span>
335+
<span class="author" itemprop="copyrightHolder">FridayFine</span>
336+
</div>
337+
<div class="powered-by">由 <a href="https://hexo.io" class="theme-link" rel="noopener" target="_blank">Hexo</a> & <a href="https://theme-next.org" class="theme-link" rel="noopener" target="_blank">NexT.Gemini</a> 强力驱动
338+
</div>
339+
340+
341+
<script src="/vuep-js/babel.min.js"></script>
342+
<script src="/vuep-js/vue.min.js"></script>
343+
<script src="/vuep-js/vuep.min.js"></script>
344+
<script>
345+
new Vue({
346+
el: '#post-body'
347+
})
348+
</script>
349+
350+
351+
352+
353+
354+
355+
356+
357+
358+
359+
</div>
360+
</footer>
361+
</div>
362+
363+
364+
<script src="/lib/anime.min.js"></script>
365+
<script src="/lib/velocity/velocity.min.js"></script>
366+
<script src="/lib/velocity/velocity.ui.min.js"></script>
367+
<script src="/js/utils.js"></script><script src="/js/motion.js"></script>
368+
<script src="/js/schemes/pisces.js"></script>
369+
<script src="/js/next-boot.js"></script>
370+
371+
372+
373+
374+
375+
376+
377+
378+
379+
380+
381+
382+
383+
384+
385+
386+
387+
388+
389+
390+
391+
392+
393+
</body>
394+
</html>

0 commit comments

Comments
 (0)