388 lines
17 KiB
HTML
388 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>
|
|
陈不渡 - 博观约取
|
|
</title>
|
|
<meta name="description" content="">
|
|
<meta name="keywords" content="">
|
|
<meta name="author" content="Mozzie">
|
|
<link rel="canonical" href="https://mozzie.cn">
|
|
|
|
|
|
<link rel="icon" type="image/svg" href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 7h1a2 2 0 0 1 2 2v.5a.5.5 0 0 0 .5.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5a.5.5 0 0 0-.5.5v.5a2 2 0 0 1-2 2h-2"></path><path d="M8 7H6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h1"></path><path d="M12 8l-2 4h3l-2 4"></path></g></svg>'>
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/css/4d4ea9c6.css">
|
|
|
|
<meta name="generator" content="Hexo 6.3.0"></head>
|
|
|
|
<body id="app">
|
|
<!-- 响应式布局按钮 -->
|
|
<a class="side-navigation btn-hover btn-hover-bg tip left" data-tip="Expand">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
|
|
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<rect x="4" y="4" width="16" height="16" rx="2"></rect>
|
|
<path d="M9 4v16"></path>
|
|
</g>
|
|
</svg>
|
|
</a>
|
|
<aside>
|
|
<div>
|
|
|
|
<link rel="stylesheet" href="/css/5bfc518f.css">
|
|
|
|
|
|
<div class="home-bar">
|
|
<a href="/" class="tip" data-tip="Home">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
|
|
<path
|
|
d="M172.2 226.8c-14.6-2.9-28.2 8.9-28.2 23.8V301c0 10.2 7.1 18.4 16.7 22c18.2 6.8 31.3 24.4 31.3 45c0 26.5-21.5 48-48 48s-48-21.5-48-48V120c0-13.3-10.7-24-24-24H24c-13.3 0-24 10.7-24 24v248c0 89.5 82.1 160.2 175 140.7c54.4-11.4 98.3-55.4 109.7-109.7c17.4-82.9-37-157.2-112.5-172.2zM209 0c-9.2-.5-17 6.8-17 16v31.6c0 8.5 6.6 15.5 15 15.9c129.4 7 233.4 112 240.9 241.5c.5 8.4 7.5 15 15.9 15h32.1c9.2 0 16.5-7.8 16-17C503.4 139.8 372.2 8.6 209 0zm.3 96c-9.3-.7-17.3 6.7-17.3 16.1v32.1c0 8.4 6.5 15.3 14.8 15.9c76.8 6.3 138 68.2 144.9 145.2c.8 8.3 7.6 14.7 15.9 14.7h32.2c9.3 0 16.8-8 16.1-17.3c-8.4-110.1-96.5-198.2-206.6-206.7z"
|
|
fill="currentColor"></path>
|
|
</svg>
|
|
<span>Mozzie</span>
|
|
</a>
|
|
<!-- 切换主题 -->
|
|
<a id="toggle-theme" class="tip left" data-tip="Switch Theme">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
|
|
<path d="M256 118a22 22 0 0 1-22-22V48a22 22 0 0 1 44 0v48a22 22 0 0 1-22 22z" fill="currentColor"></path>
|
|
<path d="M256 486a22 22 0 0 1-22-22v-48a22 22 0 0 1 44 0v48a22 22 0 0 1-22 22z" fill="currentColor"></path>
|
|
<path
|
|
d="M369.14 164.86a22 22 0 0 1-15.56-37.55l33.94-33.94a22 22 0 0 1 31.11 31.11l-33.94 33.94a21.93 21.93 0 0 1-15.55 6.44z"
|
|
fill="currentColor"></path>
|
|
<path
|
|
d="M108.92 425.08a22 22 0 0 1-15.55-37.56l33.94-33.94a22 22 0 1 1 31.11 31.11l-33.94 33.94a21.94 21.94 0 0 1-15.56 6.45z"
|
|
fill="currentColor"></path>
|
|
<path d="M464 278h-48a22 22 0 0 1 0-44h48a22 22 0 0 1 0 44z" fill="currentColor"></path>
|
|
<path d="M96 278H48a22 22 0 0 1 0-44h48a22 22 0 0 1 0 44z" fill="currentColor"></path>
|
|
<path
|
|
d="M403.08 425.08a21.94 21.94 0 0 1-15.56-6.45l-33.94-33.94a22 22 0 0 1 31.11-31.11l33.94 33.94a22 22 0 0 1-15.55 37.56z"
|
|
fill="currentColor"></path>
|
|
<path
|
|
d="M142.86 164.86a21.89 21.89 0 0 1-15.55-6.44l-33.94-33.94a22 22 0 0 1 31.11-31.11l33.94 33.94a22 22 0 0 1-15.56 37.55z"
|
|
fill="currentColor"></path>
|
|
<path d="M256 358a102 102 0 1 1 102-102a102.12 102.12 0 0 1-102 102z" fill="currentColor"></path>
|
|
</svg>
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
|
|
<path
|
|
d="M264 480A232 232 0 0 1 32 248c0-94 54-178.28 137.61-214.67a16 16 0 0 1 21.06 21.06C181.07 76.43 176 104.66 176 136c0 110.28 89.72 200 200 200c31.34 0 59.57-5.07 81.61-14.67a16 16 0 0 1 21.06 21.06C442.28 426 358 480 264 480z"
|
|
fill="currentColor"></path>
|
|
</svg>
|
|
|
|
</a>
|
|
</div>
|
|
|
|
|
|
|
|
<script src="/js/ae2a0e7b.js"></script>
|
|
|
|
<!-- search -->
|
|
|
|
|
|
<link rel="stylesheet" href="/css/82dd7e5a.css">
|
|
|
|
<form class="search-group">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20 20">
|
|
<g fill="currentColor">
|
|
<path d="M8.5 3a5.5 5.5 0 0 1 4.383 8.823l4.147 4.147a.75.75 0 0 1-.976 1.133l-.084-.073l-4.147-4.147A5.5 5.5 0 1 1 8.5 3zm0 1.5a4 4 0 1 0 0 8a4 4 0 0 0 0-8z" fill="currentColor"></path>
|
|
</g>
|
|
</svg>
|
|
<span id="search-input">Search...</span>
|
|
<div class="short-key">
|
|
<kbd class="key-cap"><span>Ctrl K</span></kbd>
|
|
</div>
|
|
</form>
|
|
|
|
<script>
|
|
window.algolia = {
|
|
appId: "5DTW808BZ8",
|
|
SearchOnlyAPIKey: "27845b245efc8a2853cc0bdc7366ea26"
|
|
}
|
|
window.search = {
|
|
enable: "true"
|
|
}
|
|
</script>
|
|
|
|
|
|
<script src="/js/b9c2be9c.js"></script>
|
|
|
|
|
|
<!-- navigation -->
|
|
|
|
<link rel="stylesheet" href="/css/3efc6cb5.css">
|
|
|
|
|
|
<section class="category-nav scrollbar-obtrusive">
|
|
<ul><li data-path="timeline">
|
|
<a href="/archives">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"> <g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M12 7v14"></path> <path d="M9 18l3 3l3-3"></path> <circle cx="12" cy="5" r="2"></circle> </g> </svg>
|
|
<div class="ellipsis">Timeline</div>
|
|
</a>
|
|
</li><li data-path="roadmap">
|
|
<a href="/roadmap">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"> <g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M10.5 20.4l-6.9-6.9c-.781-.781-.781-2.219 0-3l6.9-6.9c.781-.781 2.219-.781 3 0l6.9 6.9c.781.781.781 2.219 0 3l-6.9 6.9c-.781.781-2.219.781-3 0z"></path> <path d="M9 14v-2c0-.59.414-1 1-1h5"></path> <path d="M13 9l2 2l-2 2"></path> </g> </svg>
|
|
<div class="ellipsis">Roadmap</div>
|
|
</a>
|
|
</li><li data-path="resume">
|
|
<a href="/resume">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"> <g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M14 3v4a1 1 0 0 0 1 1h4"></path> <path d="M5 8V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2h-5"></path> <circle cx="6" cy="14" r="3"></circle> <path d="M4.5 17L3 22l3-1.5L9 22l-1.5-5"></path> </g> </svg>
|
|
<div class="ellipsis">Resume</div>
|
|
</a>
|
|
</li></ul>
|
|
<p>Category</p>
|
|
<ul><li class="">
|
|
<a href="/categories/EQ/">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5.636 5.636a9 9 0 0 1 13.397.747L13.414 12l5.619 5.617A9 9 0 1 1 5.636 5.636z"></path><circle cx="11.5" cy="7.5" r="1" fill="currentColor"></circle></g></svg>
|
|
<div class="ellipsis">
|
|
<span>EQ</span>
|
|
</div>
|
|
</a>
|
|
</li><li class="">
|
|
<a href="/categories/Finance/">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M14.8 9A2 2 0 0 0 13 8h-2a2 2 0 0 0 0 4h2a2 2 0 0 1 0 4h-2a2 2 0 0 1-1.8-1"></path><path d="M12 6v2m0 8v2"></path></g></svg>
|
|
<div class="ellipsis">
|
|
<span>Finance</span>
|
|
</div>
|
|
</a>
|
|
</li><li class="">
|
|
<a href="/categories/Front-End/">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 4l-2 14.5l-6 2l-6-2L4 4z"></path><path d="M7.5 8h3v8l-2-1"></path><path d="M16.5 8H14a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h1.423a.5.5 0 0 1 .495.57L15.5 15.5l-2 .5"></path></g></svg>
|
|
<div class="ellipsis">
|
|
<span>Front-End</span>
|
|
</div>
|
|
</a>
|
|
</li><li class="">
|
|
<a href="/categories/Hexo/">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 17v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1"></path><path d="M8 16h8"></path><path d="M8.322 12.582l7.956.836"></path><path d="M8.787 9.168l7.826 1.664"></path><path d="M10.096 5.764l7.608 2.472"></path></g></svg>
|
|
<div class="ellipsis">
|
|
<span>Hexo</span>
|
|
</div>
|
|
</a>
|
|
</li><li class="">
|
|
<a href="/categories/%E8%87%AA%E5%AA%92%E4%BD%93/">
|
|
|
|
<div class="ellipsis">
|
|
<span>自媒体</span>
|
|
</div>
|
|
</a>
|
|
</li></ul>
|
|
</section>
|
|
|
|
|
|
<script src="/js/f8b20eb9.js"></script>
|
|
|
|
<!-- icp -->
|
|
|
|
<div class="icp">
|
|
<a target="_blank" rel="noopener" href="http://beian.miit.gov.cn/">苏ICP备19008833号-4</a>
|
|
</div>
|
|
|
|
</div>
|
|
</aside>
|
|
<main>
|
|
|
|
<link rel="stylesheet" href="/css/0e7433f2.css">
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/css/0c63d269.css">
|
|
|
|
|
|
<div class="welcome">
|
|
|
|
<link rel="stylesheet" href="/css/3a4a90d1.css">
|
|
|
|
|
|
<div class="plane-bg">
|
|
<div class="airplane-wrap">
|
|
<div class="airplane" id="airplane">
|
|
<div class="front-cover grp" id="front-cover-grp">
|
|
<div class="plate front-cover-inner"></div>
|
|
<div class="plate front-cover-center"></div>
|
|
<div class="trapezoid front-cover-top"></div>
|
|
<div class="trapezoid front-cover-bottom"></div>
|
|
<div class="trapezoid front-cover-left"></div>
|
|
<div class="trapezoid front-cover-right"></div>
|
|
<div class="bordered-thin front-cover-top-left"></div>
|
|
<div class="bordered-thin front-cover-top-right"></div>
|
|
<div class="bordered-thin front-cover-bottom-left"></div>
|
|
<div class="bordered-thin front-cover-bottom-right"></div>
|
|
</div>
|
|
<div class="body grp" id="body-grp">
|
|
<div class="plate left-cover"></div>
|
|
<div class="plate right-cover"></div>
|
|
<div class="plate top-cover-front"></div>
|
|
<div class="plate top-cover-back"></div>
|
|
<div class="cockpit grp" id="cockpit-grp">
|
|
<div class="plate roof"></div>
|
|
<div class="bordered window-fill front-window"></div>
|
|
<div class="window left-window"></div>
|
|
<div class="window right-window"></div>
|
|
<div class="bordered window-fill rear-window"></div>
|
|
</div>
|
|
<div class="plate bottom-cover"></div>
|
|
<div class="plate back-cover"></div>
|
|
</div>
|
|
<div class="top-tail grp" id="top-tail-grp">
|
|
<div class="plate tail-top"></div>
|
|
<div class="plate tail-front"></div>
|
|
<div class="plate tail-back"></div>
|
|
<div class="plate-no-border tail-left-rect"></div>
|
|
<div class="triangle tail-triangle-left-bottom"></div>
|
|
<div class="triangle tail-triangle-left-top"></div>
|
|
<div class="plate-no-border tail-right-rect"></div>
|
|
<div class="triangle tail-triangle-right-bottom"></div>
|
|
<div class="triangle tail-triangle-right-top"></div>
|
|
<div class="bordered tail-connector"></div>
|
|
</div>
|
|
<div class="right-tail grp" id="right-tail-grp">
|
|
<div class="plate tail-top"></div>
|
|
<div class="plate tail-front"></div>
|
|
<div class="plate tail-back"></div>
|
|
<div class="plate-no-border tail-left-rect"></div>
|
|
<div class="triangle tail-triangle-left-bottom"></div>
|
|
<div class="triangle tail-triangle-left-top"></div>
|
|
<div class="plate-no-border tail-right-rect"></div>
|
|
<div class="triangle tail-triangle-right-bottom"></div>
|
|
<div class="triangle tail-triangle-right-top"></div>
|
|
<div class="bordered tail-connector"></div>
|
|
</div>
|
|
<div class="left-tail grp" id="left-tail-grp">
|
|
<div class="plate tail-top"></div>
|
|
<div class="plate tail-front"></div>
|
|
<div class="plate tail-back"></div>
|
|
<div class="plate-no-border tail-left-rect"></div>
|
|
<div class="triangle tail-triangle-left-bottom"></div>
|
|
<div class="triangle tail-triangle-left-top"></div>
|
|
<div class="plate-no-border tail-right-rect"></div>
|
|
<div class="triangle tail-triangle-right-bottom"></div>
|
|
<div class="triangle tail-triangle-right-top"></div>
|
|
<div class="bordered tail-connector"></div>
|
|
</div>
|
|
<div class="wing grp" id="wing-grp">
|
|
<div class="plate wing-right"></div>
|
|
<div class="plate wing-right bottom"></div>
|
|
<div class="plate wing-left"></div>
|
|
<div class="plate wing-left bottom"></div>
|
|
<div class="bordered conector right"></div>
|
|
<div class="bordered conector left"></div>
|
|
</div>
|
|
<div class="propeller rotate-propeller grp" id="propeller-grp">
|
|
<div class="plate propeller-center"></div>
|
|
<div class="plate propeller-center top"></div>
|
|
<div class="plate p-w propeller-wing-1"></div>
|
|
<div class="plate p-w propeller-wing-2"></div>
|
|
<div class="plate p-w propeller-wing-3"></div>
|
|
<div class="plate p-w propeller-wing-4"></div>
|
|
<div class="plate p-w propeller-wing-5"></div>
|
|
<div class="plate p-w propeller-wing-6"></div>
|
|
<div class="plate p-w propeller-wing-7"></div>
|
|
<div class="plate p-w propeller-wing-8"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script src="/js/31d6cfe0.js"></script>
|
|
|
|
<div class="bg-linear-grow">
|
|
<div class="ball"></div>
|
|
<div class="ball" style="--delay:-12s;--size:0.35;--speed:25s;"></div>
|
|
<div class="ball" style="--delay:-10s;--size:0.3;--speed:15s;"></div>
|
|
</div>
|
|
<div class="slogan">
|
|
<svg id="hello-svg" data-name="hello" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 582 197">
|
|
<title>Hello</title>
|
|
<path class="path path-1" d="M208,338c38-16.67,73.74-45.72,97.33-66,21.33-18.33,32.67-35.67,37.33-52.67C347.12,203.12,344,192,332,192c-11,0-21,10.33-24.94,27.68-4.52,19.89-22.06,107.82-29.39,149,15.67-72.33,36.33-81.33,53.67-81.33,22.33,0,24.67,18.67,19.42,39-5.43,21.07-7.42,44.32,17.91,44.32,18,0,35.53-8.17,52.67-20,14-9.67,23-24,23-40,0-13.42-8-23.33-20.67-23.33s-24.33,12-24.33,33.33c0,27,16.33,48,44,48,25.67,0,47.67-19.67,62-44.67,13.61-23.74,30.67-64.67,33.33-92.67s-5.33-36-18.67-36-24.67,17.33-28.67,43.33S486,302,491.33,330s28,37.67,46,37.67,38.17-15.67,52-37c16.54-25.51,35.87-67.45,38.67-102,2-24.67-8.67-33.33-20-33.33-14.67,0-23.33,13.33-28,38-4.5,23.81-8,64-2,94,4.64,23.21,25.33,40.33,44.67,40.33s32.67-19,36.67-42.33" transform="translate(-199 -183)" />
|
|
<path class="path path-2" d="M697.33,287.33C672,287.33,661.33,305,659,327c-2.81,26.54,10.33,41.67,29.67,41.67,22,0,34.54-20.78,36.67-40.67,2-18.67-7.39-39.13-28-40.67" transform="translate(-199 -183)" />
|
|
<path class="path path-3" d="M714.8,295.12c12.11,12.26,43.53,9.55,56.53-5.79" transform="translate(-199 -183)" />
|
|
<line class="path path-4" x1="561" y1="181.67" x2="561" y2="181.67" />
|
|
</svg>
|
|
</div>
|
|
|
|
<div class="motto">重拾纯粹的写作</div>
|
|
|
|
<ul class="circles">
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
</ul>
|
|
|
|
|
|
<link rel="stylesheet" href="/css/f3729dde.css">
|
|
|
|
|
|
<div class="weather glass-material"></div>
|
|
|
|
<script>
|
|
window.weather = {
|
|
enable: "true",
|
|
cityCode: "101190101",
|
|
appKey: "6f89c60ce1714fa58018b5489aa697e5",
|
|
}
|
|
</script>
|
|
|
|
|
|
<script src="/js/ca6b30b5.js"></script>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<script src="/js/3cf4fd98.js"></script>
|
|
|
|
|
|
<script src="/js/31d6cfe0.js"></script>
|
|
|
|
</main>
|
|
</body>
|
|
<script>
|
|
window.i18n = {
|
|
"tip-collapse": "Collapse",
|
|
"tip-expand": "Expand",
|
|
"text-select": "select",
|
|
"text-move": "movement",
|
|
"text-esc": "close",
|
|
"tip-status-done": "Done",
|
|
"tip-status-doing": "In Progress",
|
|
"tip-status-todo": "Todo",
|
|
"tip-status-other": "Duplicate",
|
|
"tip-status-default": "Default",
|
|
"tip-roadmap-today": "Positioning to the today",
|
|
"text-search": "Search...",
|
|
"text-today": "Today",
|
|
// month
|
|
"January": "January",
|
|
"February": "February",
|
|
"March": "March",
|
|
"April": "April",
|
|
"May": "May",
|
|
"June": "June",
|
|
"July": "July",
|
|
"August": "August",
|
|
"September": "September",
|
|
"October": "October",
|
|
"November": "November",
|
|
"December": "December",
|
|
}
|
|
</script>
|
|
|
|
<script src="/js/58c91c4e.js"></script>
|
|
|
|
|
|
</html> |