|
@@ -1,194 +1,4 @@
|
|
|
<!DOCTYPE html>
|
|
|
-<html lang="en">
|
|
|
-<head>
|
|
|
- <meta charset="UTF-8">
|
|
|
-<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
|
|
|
-<meta name="theme-color" content="#222">
|
|
|
-<meta name="generator" content="Hexo 4.2.0">
|
|
|
- <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
|
|
|
- <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-next.png">
|
|
|
- <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-next.png">
|
|
|
- <link rel="mask-icon" href="/images/logo.svg" color="#222">
|
|
|
-
|
|
|
-<link rel="stylesheet" href="/css/main.css">
|
|
|
-
|
|
|
-
|
|
|
-<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css">
|
|
|
- <link rel="stylesheet" href="/lib/pace/pace-theme-minimal.min.css">
|
|
|
- <script src="/lib/pace/pace.min.js"></script>
|
|
|
-
|
|
|
-<script id="hexo-configurations">
|
|
|
- var NexT = window.NexT || {};
|
|
|
- var CONFIG = {"hostname":"schtonn.github.io","root":"/","scheme":"Muse","version":"7.8.0","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},"copycode":{"enable":true,"show_result":true,"style":"flat"},"back2top":{"enable":true,"sidebar":false,"scrollpercent":true},"bookmark":{"enable":false,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":true,"pangu":false,"comments":{"style":"tabs","active":"valine","storage":true,"lazyload":false,"nav":null,"activeClass":"valine"},"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"}}};
|
|
|
- </script>
|
|
|
-
|
|
|
- <meta name="description" content="sans. * { padding: 0; margin: 0; } html, body { background: #000; color: #fff; overflow: hidden; touch-action: none; -ms-tou">
|
|
|
-<meta property="og:type" content="website">
|
|
|
-<meta property="og:title" content="Alex's Blog">
|
|
|
-<meta property="og:url" content="https://schtonn.github.io/sans/index.html">
|
|
|
-<meta property="og:site_name" content="Alex's Blog">
|
|
|
-<meta property="og:description" content="sans. * { padding: 0; margin: 0; } html, body { background: #000; color: #fff; overflow: hidden; touch-action: none; -ms-tou">
|
|
|
-<meta property="og:locale" content="en_US">
|
|
|
-<meta property="article:published_time" content="2020-03-22T11:28:43.010Z">
|
|
|
-<meta property="article:modified_time" content="2020-03-22T11:28:43.010Z">
|
|
|
-<meta property="article:author" content="Alex">
|
|
|
-<meta name="twitter:card" content="summary">
|
|
|
-
|
|
|
-<link rel="canonical" href="https://schtonn.github.io/sans/">
|
|
|
-
|
|
|
-
|
|
|
-<script id="page-configurations">
|
|
|
- // https://hexo.io/docs/variables.html
|
|
|
- CONFIG.page = {
|
|
|
- sidebar: "",
|
|
|
- isHome : false,
|
|
|
- isPost : false,
|
|
|
- lang : 'en'
|
|
|
- };
|
|
|
-</script>
|
|
|
-
|
|
|
- <title> | Alex's Blog
|
|
|
-</title>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <noscript>
|
|
|
- <style>
|
|
|
- .use-motion .brand,
|
|
|
- .use-motion .menu-item,
|
|
|
- .sidebar-inner,
|
|
|
- .use-motion .post-block,
|
|
|
- .use-motion .pagination,
|
|
|
- .use-motion .comments,
|
|
|
- .use-motion .post-header,
|
|
|
- .use-motion .post-body,
|
|
|
- .use-motion .collection-header { opacity: initial; }
|
|
|
-
|
|
|
- .use-motion .site-title,
|
|
|
- .use-motion .site-subtitle {
|
|
|
- opacity: initial;
|
|
|
- top: initial;
|
|
|
- }
|
|
|
-
|
|
|
- .use-motion .logo-line-before i { left: initial; }
|
|
|
- .use-motion .logo-line-after i { right: initial; }
|
|
|
- </style>
|
|
|
-</noscript>
|
|
|
-
|
|
|
-</head>
|
|
|
-
|
|
|
-<body itemscope itemtype="http://schema.org/WebPage">
|
|
|
- <div class="container use-motion">
|
|
|
- <div class="headband"></div>
|
|
|
-
|
|
|
- <header class="header" itemscope itemtype="http://schema.org/WPHeader">
|
|
|
- <div class="header-inner"><div class="site-brand-container">
|
|
|
- <div class="site-nav-toggle">
|
|
|
- <div class="toggle" aria-label="Toggle navigation bar">
|
|
|
- <span class="toggle-line toggle-line-first"></span>
|
|
|
- <span class="toggle-line toggle-line-middle"></span>
|
|
|
- <span class="toggle-line toggle-line-last"></span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="site-meta">
|
|
|
-
|
|
|
- <a href="/" class="brand" rel="start">
|
|
|
- <span class="logo-line-before"><i></i></span>
|
|
|
- <h1 class="site-title">Alex's Blog</h1>
|
|
|
- <span class="logo-line-after"><i></i></span>
|
|
|
- </a>
|
|
|
- <p class="site-subtitle" itemprop="description">schtonn</p>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="site-nav-right">
|
|
|
- <div class="toggle popup-trigger">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-<nav class="site-nav">
|
|
|
- <ul id="menu" class="menu">
|
|
|
- <li class="menu-item menu-item-home">
|
|
|
-
|
|
|
- <a href="/" rel="section"><i class="fa fa-fw fa-home"></i>Home</a>
|
|
|
-
|
|
|
- </li>
|
|
|
- <li class="menu-item menu-item-tags">
|
|
|
-
|
|
|
- <a href="/tags/" rel="section"><i class="fa fa-fw fa-tags"></i>Tags</a>
|
|
|
-
|
|
|
- </li>
|
|
|
- <li class="menu-item menu-item-archives">
|
|
|
-
|
|
|
- <a href="/archives/" rel="section"><i class="fa fa-fw fa-archive"></i>Archives</a>
|
|
|
-
|
|
|
- </li>
|
|
|
- <li class="menu-item menu-item-games">
|
|
|
-
|
|
|
- <a href="/games/" rel="section"><i class="fa fa-fw fa-gamepad"></i>Games</a>
|
|
|
-
|
|
|
- </li>
|
|
|
- <li class="menu-item menu-item-sans">
|
|
|
-
|
|
|
- <a href="/sans/" rel="section"><i class="fa fa-fw fa-heart"></i>sans</a>
|
|
|
-
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
-</nav>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-</div>
|
|
|
- </header>
|
|
|
-
|
|
|
-
|
|
|
- <div class="back-to-top">
|
|
|
- <i class="fa fa-arrow-up"></i>
|
|
|
- <span>0%</span>
|
|
|
- </div>
|
|
|
- <div class="reading-progress-bar"></div>
|
|
|
-
|
|
|
-
|
|
|
- <main class="main">
|
|
|
- <div class="main-inner">
|
|
|
- <div class="content-wrap">
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <div class="content page posts-expand">
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <div class="post-block" lang="en">
|
|
|
- <header class="post-header">
|
|
|
-
|
|
|
-<h1 class="post-title" itemprop="name headline">
|
|
|
-</h1>
|
|
|
-
|
|
|
-<div class="post-meta">
|
|
|
-
|
|
|
-
|
|
|
-</div>
|
|
|
-
|
|
|
-</header>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <div class="post-body">
|
|
|
- <!DOCTYPE html>
|
|
|
<!-- saved from url=(0038)https://jcw87.github.io/c2-sans-fight/ -->
|
|
|
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
|
@@ -255,11 +65,11 @@
|
|
|
<!-- This text is displayed if the visitor's browser does not support HTML5.
|
|
|
You can change it, but it is a good idea to link to a description of a browser
|
|
|
and provide some links to download some popular HTML5-compatible browsers. -->
|
|
|
- <h1>Your browser does not appear to support HTML5. Try upgrading your browser to the latest version. <a href="http://www.whatbrowser.org/" target="_blank" rel="noopener">What is a browser?</a>
|
|
|
- <br><br><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx" target="_blank" rel="noopener">Microsoft Internet Explorer</a><br>
|
|
|
- <a href="http://www.mozilla.com/firefox/" target="_blank" rel="noopener">Mozilla Firefox</a><br>
|
|
|
- <a href="http://www.google.com/chrome/" target="_blank" rel="noopener">Google Chrome</a><br>
|
|
|
- <a href="http://www.apple.com/safari/download/" target="_blank" rel="noopener">Apple Safari</a></h1>
|
|
|
+ <h1>Your browser does not appear to support HTML5. Try upgrading your browser to the latest version. <a href="http://www.whatbrowser.org/">What is a browser?</a>
|
|
|
+ <br><br><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Microsoft Internet Explorer</a><br>
|
|
|
+ <a href="http://www.mozilla.com/firefox/">Mozilla Firefox</a><br>
|
|
|
+ <a href="http://www.google.com/chrome/">Google Chrome</a><br>
|
|
|
+ <a href="http://www.apple.com/safari/download/">Apple Safari</a></h1>
|
|
|
</canvas>
|
|
|
|
|
|
</div>
|
|
@@ -340,240 +150,4 @@
|
|
|
ga('send', 'pageview');
|
|
|
</script>
|
|
|
|
|
|
- </body></html>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="comments" id="valine-comments"></div>
|
|
|
-
|
|
|
-<script>
|
|
|
- window.addEventListener('tabs:register', () => {
|
|
|
- let { activeClass } = CONFIG.comments;
|
|
|
- if (CONFIG.comments.storage) {
|
|
|
- activeClass = localStorage.getItem('comments_active') || activeClass;
|
|
|
- }
|
|
|
- if (activeClass) {
|
|
|
- let activeTab = document.querySelector(`a[href="#comment-${activeClass}"]`);
|
|
|
- if (activeTab) {
|
|
|
- activeTab.click();
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- if (CONFIG.comments.storage) {
|
|
|
- window.addEventListener('tabs:click', event => {
|
|
|
- if (!event.target.matches('.tabs-comment .tab-content .tab-pane')) return;
|
|
|
- let commentClass = event.target.classList[1];
|
|
|
- localStorage.setItem('comments_active', commentClass);
|
|
|
- });
|
|
|
- }
|
|
|
-</script>
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <div class="toggle sidebar-toggle">
|
|
|
- <span class="toggle-line toggle-line-first"></span>
|
|
|
- <span class="toggle-line toggle-line-middle"></span>
|
|
|
- <span class="toggle-line toggle-line-last"></span>
|
|
|
- </div>
|
|
|
-
|
|
|
- <aside class="sidebar">
|
|
|
- <div class="sidebar-inner">
|
|
|
-
|
|
|
- <ul class="sidebar-nav motion-element">
|
|
|
- <li class="sidebar-nav-toc">
|
|
|
- Table of Contents
|
|
|
- </li>
|
|
|
- <li class="sidebar-nav-overview">
|
|
|
- Overview
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- <!--noindex-->
|
|
|
- <div class="post-toc-wrap sidebar-panel">
|
|
|
- <div class="post-toc motion-element"><ol class="nav"><li class="nav-item nav-level-1"><a class="nav-link" href="#c2canvas"><span class="nav-number">1.</span> <span class="nav-text">Your browser does not appear to support HTML5. Try upgrading your browser to the latest version. What is a browser?
|
|
|
-
|
|
|
-
|
|
|
-Microsoft Internet Explorer
|
|
|
-
|
|
|
- Mozilla Firefox
|
|
|
-
|
|
|
- Google Chrome
|
|
|
-
|
|
|
- Apple Safari</span></a></li></ol></div>
|
|
|
- </div>
|
|
|
- <!--/noindex-->
|
|
|
-
|
|
|
- <div class="site-overview-wrap sidebar-panel">
|
|
|
- <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
|
|
|
- <p class="site-author-name" itemprop="name">Alex</p>
|
|
|
- <div class="site-description" itemprop="description"></div>
|
|
|
-</div>
|
|
|
-<div class="site-state-wrap motion-element">
|
|
|
- <nav class="site-state">
|
|
|
- <div class="site-state-item site-state-posts">
|
|
|
- <a href="/archives">
|
|
|
- <span class="site-state-item-count">10</span>
|
|
|
- <span class="site-state-item-name">posts</span>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="site-state-item site-state-tags">
|
|
|
- <a href="/tags/">
|
|
|
- <span class="site-state-item-count">4</span>
|
|
|
- <span class="site-state-item-name">tags</span></a>
|
|
|
- </div>
|
|
|
- </nav>
|
|
|
-</div>
|
|
|
- <div class="links-of-author motion-element">
|
|
|
- <span class="links-of-author-item">
|
|
|
- <a href="https://github.com/schtonn" title="GitHub → https://github.com/schtonn" rel="noopener" target="_blank"><i class="fa fa-fw fa-github"></i>GitHub</a>
|
|
|
- </span>
|
|
|
- <span class="links-of-author-item">
|
|
|
- <a href="mailto:m18519511495@163.com" title="E-Mail → mailto:m18519511495@163.com" rel="noopener" target="_blank"><i class="fa fa-fw fa-envelope"></i>E-Mail</a>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <div class="links-of-blogroll motion-element">
|
|
|
- <div class="links-of-blogroll-title">
|
|
|
- <i class="fa fa-fw fa-link"></i>
|
|
|
- Links
|
|
|
- </div>
|
|
|
- <ul class="links-of-blogroll-list">
|
|
|
- <li class="links-of-blogroll-item">
|
|
|
- <a href="https://yonghong.github.io/" title="https://yonghong.github.io" rel="noopener" target="_blank">Yonghong</a>
|
|
|
- </li>
|
|
|
- <li class="links-of-blogroll-item">
|
|
|
- <a href="https://source.unsplash.com/random/1600x900" title="https://source.unsplash.com/random/1600x900" rel="noopener" target="_blank">Background</a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <div id="treefrog" style="text-align: center;margin-top: 18px;">
|
|
|
- <object type="application/x-shockwave-flash" style="outline:none;" data="/flash/treefrog.swf?up_bodyColor=444444&up_pattern=0&up_flyColor=777777&up_tongueColor=555555&up_patternColor=000000&up_releaseFly=0&up_frogName=Froggie&up_backgroundImage=http://&up_bellySize=.5&up_footColor=444444&up_eyeColor=444444&up_backgroundColor=222222&" width="300" height="600"><param name="movie" value="http://cdn.abowman.com/widgets/treefrog/treefrog.swf?up_bodyColor=444444&up_pattern=0&up_flyColor=777777&up_tongueColor=555555&up_patternColor=000000&up_releaseFly=0&up_frogName=Froggie&up_backgroundImage=http://&up_bellySize=.5&up_footColor=444444&up_eyeColor=444444&up_backgroundColor=222222&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
- </aside>
|
|
|
- <div id="sidebar-dimmer"></div>
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
- </main>
|
|
|
-
|
|
|
- <footer class="footer">
|
|
|
- <div class="footer-inner">
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-<div class="copyright">
|
|
|
-
|
|
|
- © 2019 –
|
|
|
- <span itemprop="copyrightYear">2020</span>
|
|
|
- <span class="with-love">
|
|
|
- <i class="fa fa-user"></i>
|
|
|
- </span>
|
|
|
- <span class="author" itemprop="copyrightHolder">Alex Xiang</span>
|
|
|
-</div>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
- </footer>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <script src="/lib/anime.min.js"></script>
|
|
|
- <script src="//cdn.jsdelivr.net/npm/lozad@1/dist/lozad.min.js"></script>
|
|
|
- <script src="/lib/velocity/velocity.min.js"></script>
|
|
|
- <script src="/lib/velocity/velocity.ui.min.js"></script>
|
|
|
-
|
|
|
-<script src="/js/utils.js"></script>
|
|
|
-
|
|
|
-<script src="/js/motion.js"></script>
|
|
|
-
|
|
|
-
|
|
|
-<script src="/js/schemes/muse.js"></script>
|
|
|
-
|
|
|
-
|
|
|
-<script src="/js/next-boot.js"></script>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-<script>
|
|
|
-NexT.utils.loadComments(document.querySelector('#valine-comments'), () => {
|
|
|
- NexT.utils.getScript('//unpkg.com/valine/dist/Valine.min.js', () => {
|
|
|
- var GUEST = ['nick', 'mail', 'link'];
|
|
|
- var guest = 'nick,mail,link';
|
|
|
- guest = guest.split(',').filter(item => {
|
|
|
- return GUEST.includes(item);
|
|
|
- });
|
|
|
- new Valine({
|
|
|
- el : '#valine-comments',
|
|
|
- verify : true,
|
|
|
- notify : true,
|
|
|
- appId : 'BmologYYnRqCv0SLHDeDdA17-gzGzoHsz',
|
|
|
- appKey : 'w9mVebFMdCmY6Nh9vfcBGaGt',
|
|
|
- placeholder: "Say something.",
|
|
|
- avatar : 'mm',
|
|
|
- meta : guest,
|
|
|
- pageSize : '10' || 10,
|
|
|
- visitor : true,
|
|
|
- lang : 'en' || 'zh-cn',
|
|
|
- path : location.pathname,
|
|
|
- recordIP : true,
|
|
|
- serverURLs : ''
|
|
|
- });
|
|
|
- }, window.Valine);
|
|
|
-});
|
|
|
-</script>
|
|
|
-
|
|
|
-</body>
|
|
|
-</html>
|
|
|
+ </body></html>
|