forked from luuman/luuman.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
luuman.github.io
nestedclass/luuman.github.io
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Luuman's Blog</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="description" content="123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354.├── _data/ # 对应目录的数据目录├── _drafts/ # 草稿 ├── Demo/ # Demo ├── FrontFrame/ # 框架 ├"> <meta property="og:type" content="website"> <meta property="og:title" content="Luuman's Blog"> <meta property="og:url" content="http://luuman.github.io/README.html"> <meta property="og:site_name" content="Luuman's Blog"> <meta property="og:description" content="123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354.├── _data/ # 对应目录的数据目录├── _drafts/ # 草稿 ├── Demo/ # Demo ├── FrontFrame/ # 框架 ├"> <meta property="og:locale" content="zh-Hans"> <meta property="og:updated_time" content="2017-08-18T03:06:40.000Z"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Luuman's Blog"> <meta name="twitter:description" content="123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354.├── _data/ # 对应目录的数据目录├── _drafts/ # 草稿 ├── Demo/ # Demo ├── FrontFrame/ # 框架 ├"> <link rel="alternative" href="/atom.xml" title="Luuman's Blog" type="application/atom+xml"> <link rel="icon" href="/img/favicon.png"> <link rel="stylesheet" href="//cdn.bootcss.com/animate.css/3.5.0/animate.min.css"> <link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="stylesheet" href="/fancybox/jquery.fancybox.css"> <!-- 加载特效 --> <script src="/js/pace.js"></script> <link href="/css/pace/pace-theme-flash.css" rel="stylesheet" /> <script> var yiliaConfig = { rootUrl: '/', fancybox: true, animate: true, isHome: false, isPost: false, isArchive: false, isTag: false, isCategory: false, open_in_new: false } </script> </head> <body> <div id="container"> <div class="left-col"> <div class="overlay"></div> <div class="intrude-less"> <header id="header" class="inner"> <a href="/" class="profilepic"> <img alt="Luuman's Blog" lazy-src="/img/head.jpg" class="js-avatar"> </a> <hgroup> <h1 class="header-author"><a href="/" title="Hi Mate">世平阜康</a></h1> </hgroup> <p class="header-subtitle">因为有了危机感,所以会义无反顾。</p> <form> <input type="text" class="st-default-search-input search" id="search" placeholder=" Search..."> </form> <div id="switch-btn" class="switch-btn"> <div class="icon"> <div class="icon-ctn"> <div class="icon-wrap icon-house" data-idx="0"> <div class="birdhouse"></div> <div class="birdhouse_holes"></div> </div> <div class="icon-wrap icon-ribbon hide" data-idx="1"> <div class="ribbon"></div> </div> <div class="icon-wrap icon-link hide" data-idx="2"> <div class="loopback_l"></div> <div class="loopback_r"></div> </div> <div class="icon-wrap icon-me hide" data-idx="3"> <div class="user"></div> <div class="shoulder"></div> </div> </div> </div> <div class="tips-box hide"> <div class="tips-arrow"></div> <ul class="tips-inner"> <li>菜单</li> <li>标签</li> <li>友情链接</li> <li>关于我</li> </ul> </div> </div> <div id="switch-area" class="switch-area"> <div class="switch-wrap"> <section class="switch-part switch-part1"> <nav class="header-menu"> <ul> <li><a href="/Home">博客首页</a></li> <li><a href="/works">作品展示</a></li> <li><a href="/about">留言打卡</a></li> <li><a href="/FrontEndGuideV2/FrontEndGuide/">前端导航</a></li> </ul> </nav> <nav class="header-nav"> <ul class="social"> <a class="fl mail" target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=PAkNDgsKBQ4MCnxNTRJfU1E" title="mail">mail</a> <a class="fl github" target="_blank" href="https://github.com/luuman" title="github">github</a> <a class="fl zhihu" target="_blank" href="https://www.zhihu.com/people/luuman" title="zhihu">zhihu</a> <a class="fl weibo" target="_blank" href="http://weibo.com/lishangmou" title="weibo">weibo</a> <a class="fl google" target="_blank" href="http://i.youku.com/shangmou" title="google">google</a> <a class="fl twitter" target="_blank" href="http://twitter.com/luuman" title="twitter">twitter</a> <a class="fl Instagram" target="_blank" href="https://www.instagram.com/luumans/" title="Instagram">Instagram</a> <a class="fl linkedin" target="_blank" href="https://www.linkedin.com/in/%E5%BF%A0%E6%88%90-%E6%9D%8E-a48562b1" title="linkedin">linkedin</a> </ul> </nav> </section> <section class="switch-part switch-part2"> <div class="widget tagcloud" id="js-tagcloud"> <a href="/tags/Ajax/" style="font-size: 10px;">Ajax</a> <a href="/tags/Algorithms/" style="font-size: 10px;">Algorithms</a> <a href="/tags/Array/" style="font-size: 10px;">Array</a> <a href="/tags/CDN/" style="font-size: 10px;">CDN</a> <a href="/tags/CSS/" style="font-size: 17.14px;">CSS</a> <a href="/tags/CSS3/" style="font-size: 11.43px;">CSS3</a> <a href="/tags/Chrome/" style="font-size: 11.43px;">Chrome</a> <a href="/tags/Development/" style="font-size: 10px;">Development</a> <a href="/tags/Front-end-outline/" style="font-size: 10px;">Front end outline</a> <a href="/tags/FrontPlan/" style="font-size: 10px;">FrontPlan</a> <a href="/tags/Git/" style="font-size: 12.86px;">Git</a> <a href="/tags/Gulp/" style="font-size: 10px;">Gulp</a> <a href="/tags/HTML/" style="font-size: 12.86px;">HTML</a> <a href="/tags/Hack/" style="font-size: 10px;">Hack</a> <a href="/tags/Hexo/" style="font-size: 15.71px;">Hexo</a> <a href="/tags/Interview/" style="font-size: 10px;">Interview</a> <a href="/tags/JavaScript/" style="font-size: 18.57px;">JavaScript</a> <a href="/tags/Javascript/" style="font-size: 11.43px;">Javascript</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/Mobile/" style="font-size: 12.86px;">Mobile</a> <a href="/tags/NodeJs/" style="font-size: 10px;">NodeJs</a> <a href="/tags/Nuxt/" style="font-size: 14.29px;">Nuxt</a> <a href="/tags/OOCSS/" style="font-size: 10px;">OOCSS</a> <a href="/tags/React/" style="font-size: 10px;">React</a> <a href="/tags/ReactNative/" style="font-size: 20px;">ReactNative</a> <a href="/tags/SEO/" style="font-size: 10px;">SEO</a> <a href="/tags/Sass/" style="font-size: 10px;">Sass</a> <a href="/tags/Sublime/" style="font-size: 14.29px;">Sublime</a> <a href="/tags/Terminal/" style="font-size: 10px;">Terminal</a> <a href="/tags/Video/" style="font-size: 10px;">Video</a> <a href="/tags/Vue/" style="font-size: 17.14px;">Vue</a> <a href="/tags/WeChatSDK/" style="font-size: 10px;">WeChatSDK</a> <a href="/tags/rem/" style="font-size: 10px;">rem</a> <a href="/tags/window-7/" style="font-size: 10px;">window 7</a> </div> </section> <section class="switch-part switch-part3"> <div id="js-friends"> <a target="_blank" class="main-nav-link switch-friends-link" href="http://MOxFIVE.github.io/">MOxFIVE</a> <a target="_blank" class="main-nav-link switch-friends-link" href="http://www.vsay.cn/">DoubleV</a> <a target="_blank" class="main-nav-link switch-friends-link" href="http://www.ccwebsite.com/">兮兮</a> <a target="_blank" class="main-nav-link switch-friends-link" href="http://blog.dandyweng.com/">翁天信</a> <a target="_blank" class="main-nav-link switch-friends-link" href="http://www.plqblog.com/views/index.php">潘利强</a> <a target="_blank" class="main-nav-link switch-friends-link" href="http://www.hankin.cn/">hankin</a> <a target="_blank" class="main-nav-link switch-friends-link" href="http://blog.waydrow.com/">waydrow</a> <a target="_blank" class="main-nav-link switch-friends-link" href="https://www.tangbc.com">TANGBC</a> <a target="_blank" class="main-nav-link switch-friends-link" href="https://www.w3ctrain.com/">Helkyle</a> </div> </section> <section class="switch-part switch-part4"> <div id="js-aboutme">纯海迷、爱运动、爱交友、爱旅行、喜欢接触新鲜事物、迎接新的挑战,更爱游离于错综复杂的编码与逻辑中</div> </section> </div> </div> </header> </div> </div> <div class="mid-col"> <nav id="mobile-nav"> <div class="overlay"> <div class="slider-trigger"></div> <h1 class="header-author js-mobile-header hide"><a href="/" title="Me">世平阜康</a></h1> </div> <div class="intrude-less"> <header id="header" class="inner"> <a href="/" class="profilepic"> <img lazy-src="/img/head.jpg" class="js-avatar"> </a> <hgroup> <h1 class="header-author"><a href="/" title="Me">世平阜康</a></h1> </hgroup> <p class="header-subtitle">因为有了危机感,所以会义无反顾。</p> <nav class="header-menu"> <ul> <li><a href="/Home">博客首页</a></li> <li><a href="/works">作品展示</a></li> <li><a href="/about">留言打卡</a></li> <li><a href="/FrontEndGuideV2/FrontEndGuide/">前端导航</a></li> <div class="clearfix"></div> </ul> </nav> <nav class="header-nav"> <div class="social"> <a class="mail" target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=PAkNDgsKBQ4MCnxNTRJfU1E" title="mail">mail</a> <a class="github" target="_blank" href="https://github.com/luuman" title="github">github</a> <a class="zhihu" target="_blank" href="https://www.zhihu.com/people/luuman" title="zhihu">zhihu</a> <a class="weibo" target="_blank" href="http://weibo.com/lishangmou" title="weibo">weibo</a> <a class="google" target="_blank" href="http://i.youku.com/shangmou" title="google">google</a> <a class="twitter" target="_blank" href="http://twitter.com/luuman" title="twitter">twitter</a> <a class="Instagram" target="_blank" href="https://www.instagram.com/luumans/" title="Instagram">Instagram</a> <a class="linkedin" target="_blank" href="https://www.linkedin.com/in/%E5%BF%A0%E6%88%90-%E6%9D%8E-a48562b1" title="linkedin">linkedin</a> </div> </nav> </header> </div> </nav> <div class="body-wrap"><article id="page-undefined" class="article article-type-page" itemscope itemprop="blogPost"> <div class="article-meta"> <a href="/README.html" class="article-date"> <time datetime="2017-08-18T03:06:40.000Z" itemprop="datePublished">2017-08-18</time> </a> </div> <div class="article-inner"> <input type="hidden" class="isFancy" /> <div class="article-entry" itemprop="articleBody"> <style> .article-meta { display: none; } #container .article .article-title { padding-right: 0; } .article-header { padding: 0; padding-top: 26px; border-left: none; text-align: center; } .article-header:hover { border-left: none; } .article-title { font-size: 1.6em } .article-meta { display: none; } .article-entry hr { margin: 0; } #container .article-info-post.article-info { display: none; } #container .article .article-title { padding: 0; } .count{ text-align: center; } </style> <figure class="highlight crmsh"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div><div class="line">7</div><div class="line">8</div><div class="line">9</div><div class="line">10</div><div class="line">11</div><div class="line">12</div><div class="line">13</div><div class="line">14</div><div class="line">15</div><div class="line">16</div><div class="line">17</div><div class="line">18</div><div class="line">19</div><div class="line">20</div><div class="line">21</div><div class="line">22</div><div class="line">23</div><div class="line">24</div><div class="line">25</div><div class="line">26</div><div class="line">27</div><div class="line">28</div><div class="line">29</div><div class="line">30</div><div class="line">31</div><div class="line">32</div><div class="line">33</div><div class="line">34</div><div class="line">35</div><div class="line">36</div><div class="line">37</div><div class="line">38</div><div class="line">39</div><div class="line">40</div><div class="line">41</div><div class="line">42</div><div class="line">43</div><div class="line">44</div><div class="line">45</div><div class="line">46</div><div class="line">47</div><div class="line">48</div><div class="line">49</div><div class="line">50</div><div class="line">51</div><div class="line">52</div><div class="line">53</div><div class="line">54</div></pre></td><td class="code"><pre><div class="line">.</div><div class="line">├── _data/ <span class="comment"># 对应目录的数据目录</span></div><div class="line">├── _drafts/ <span class="comment"># 草稿</span></div><div class="line"> ├── Demo/ <span class="comment"># Demo</span></div><div class="line"> ├── FrontFrame/ <span class="comment"># 框架</span></div><div class="line"> ├── React/ <span class="comment"># React</span></div><div class="line"> ├── ReactNative/ <span class="comment"># ReactNative</span></div><div class="line"> ├── Angular/ <span class="comment"># Angular</span></div><div class="line"> ├── Vue/ <span class="comment"># Vue</span></div><div class="line"> ├── Bootstrap/ <span class="comment"># Bootstrap</span></div><div class="line"> ├── FrontFrame/ <span class="comment"># FrontFrame</span></div><div class="line"> ├── Jquery/ <span class="comment"># Jquery</span></div><div class="line"> ├── JqueryFullpage/ <span class="comment"># JqueryFullpage</span></div><div class="line"> ├── Lazyman/ <span class="comment"># Lazyman 单元测试</span></div><div class="line"> ├── QunarYo/ <span class="comment"># QunarYo</span></div><div class="line"> └── Zepto/ <span class="comment"># Zepto</span></div><div class="line"> ├── Hobby/ <span class="comment"># 爱好</span></div><div class="line"> ├── Hexo/ <span class="comment"># Hexo</span></div><div class="line"> ├── Induce/ <span class="comment"># 笔记</span></div><div class="line"> ├── Ajax/ <span class="comment"># Ajax</span></div><div class="line"> ├── CSS/ <span class="comment"># CSS</span></div><div class="line"> ├── HTML/ <span class="comment"># HTML</span></div><div class="line"> ├── JavaScript/ <span class="comment"># JavaScript</span></div><div class="line"> ├── Mobile/ <span class="comment"># Mobile</span></div><div class="line"> ├── <span class="keyword">Node</span><span class="title">/ # Node</span></div><div class="line"> ├── Skill/ <span class="comment"># Skill</span></div><div class="line"> └── Weixin/ <span class="comment"># Weixin</span></div><div class="line"> └── Performance/ <span class="comment"># 性能优化</span></div><div class="line"> ├── Interview/ <span class="comment"># 面试</span></div><div class="line"> ├── Module/ <span class="comment"># 模块</span></div><div class="line"> ├── PHP/ <span class="comment"># PHP</span></div><div class="line"> ├── Plug/ <span class="comment"># 插件</span></div><div class="line"> ├── Gulp/ <span class="comment"># Gulp</span></div><div class="line"> ├── Sublime/ <span class="comment"># Sublime</span></div><div class="line"> ├── Webpack/ <span class="comment"># Webpack</span></div><div class="line"> └── ChromePlug/ <span class="comment"># ChromePlug</span></div><div class="line"> ├── Skill/ <span class="comment"># 技能</span></div><div class="line"> └── nrom/ <span class="comment"># 规范</span></div><div class="line"> ├── Tool/ <span class="comment"># 工具</span></div><div class="line"> ├── WorkSummary.md <span class="comment"># 工作纪要总结</span></div><div class="line"> └── WorkTask.md <span class="comment"># 日常计划规划表</span></div><div class="line">├── _posts/ <span class="comment"># 发布文章</span></div><div class="line">├── <span class="number">404</span>/ <span class="comment"># 404页面</span></div><div class="line">├── about/ <span class="comment"># about页面</span></div><div class="line">├── case/ <span class="comment"># case页面</span></div><div class="line">├── categories/ <span class="comment"># categories页面</span></div><div class="line">├── instagram/ <span class="comment"># instagram页面</span></div><div class="line">├── resoures/ <span class="comment"># resoures页面</span></div><div class="line">├── search/ <span class="comment"># search页面</span></div><div class="line">├── tags/ <span class="comment"># tags页面</span></div><div class="line">├── themes/ <span class="comment"># themes页面</span></div><div class="line">├── user/ <span class="comment"># user页面</span></div><div class="line">├── works/ <span class="comment"># works页面</span></div><div class="line">└── README.md <span class="comment"># 目录结构</span></div></pre></td></tr></table></figure> </div> </div> </article> <div class="bdsharebuttonbox"> <a href="#" class="fx fa-weibo bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a href="#" class="fx fa-weixin bds_weixin" data-cmd="weixin" title="分享到微信"></a> <a href="#" class="fx fa-qq bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a> <a href="#" class="fx fa-facebook-official bds_fbook" data-cmd="fbook" title="分享到Facebook"></a> <a href="#" class="fx fa-twitter bds_twi" data-cmd="twi" title="分享到Twitter"></a> <a href="#" class="fx fa-linkedin bds_linkedin" data-cmd="linkedin" title="分享到linkedin"></a> <a href="#" class="fx fa-files-o bds_copy" data-cmd="copy" title="分享到复制网址"></a> </div> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"2","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> <div id="gitments"></div> <script src="/js/gitment.browser.js"></script> <script> var gitment = new Gitment({ id: window.location.pathname, owner: 'luuman', repo: 'luuman.github.io', oauth: { client_id: '7f50019c6a02c37e7aca', client_secret: 'd583910e6ae1492b375796d2c82efcda2cc67aae', }, }) gitment.render('gitments') </script> <script> </script> </div> <footer id="footer"> <div class="outer"> <div id="footer-info"> <div class="footer-left"> © 2018 世平阜康 </div> <div class="footer-right"> <a href="http://hexo.io/" target="_blank">Hexo</a> Theme <a href="https://github.com/luuman/hexo-theme-spfk" target="_blank">spfk</a> by luuman </div> </div> <div class="visit"> <span id="busuanzi_container_site_pv" style='display:none'> <span id="site-visit" >海贼到访数: <span id="busuanzi_value_site_uv"></span> </span> </span> <span>, </span> <span id="busuanzi_container_page_pv" style='display:none'> <span id="page-visit">本页阅读量: <span id="busuanzi_value_page_pv"></span> </span> </span> </div> </div> </footer> </div> <script src="https://7.url.cn/edu/jslib/comb/require-2.1.6,jquery-1.9.1.min.js"></script> <script src="/js/main.js"></script> <script> $(document).ready(function() { var backgroundnum = 24; var backgroundimg = "url(/background/bg-x.jpg)".replace(/x/gi, Math.ceil(Math.random() * backgroundnum)); $("#mobile-nav").css({"background-image": backgroundimg,"background-size": "cover","background-position": "center"}); $(".left-col").css({"background-image": backgroundimg,"background-size": "cover","background-position": "center"}); }) </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?819b1c6493df653afb8c7846bc4b8db6"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <div class="scroll" id="scroll"> <a href="#"><i class="fa fa-arrow-up"></i></a> <a href="#comments"><i class="fa fa-comments-o"></i></a> <a href="#footer"><i class="fa fa-arrow-down"></i></a> </div> <script> $(document).ready(function() { if ($("#comments").length < 1) { $("#scroll > a:nth-child(2)").hide(); }; }) </script> <script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"> </script> <script language="javascript"> $(function() { $("a[title]").each(function() { var a = $(this); var title = a.attr('title'); if (title == undefined || title == "") return; a.data('title', title).removeAttr('title').hover( function() { var offset = a.offset(); $("<div id=\"anchortitlecontainer\"></div>").appendTo($("body")).html(title).css({ top: offset.top - a.outerHeight() - 15, left: offset.left + a.outerWidth()/2 + 1 }).fadeIn(function() { var pop = $(this); setTimeout(function() { pop.remove(); }, pop.text().length * 800); }); }, function() { $("#anchortitlecontainer").remove(); }); }); }); </script> <script type="text/javascript"> window.onload = function(){ document.getElementById("search").onclick = function(){ console.log("search") search(); } } function search(){ (function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){ (w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t); e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e); })(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st'); _st('install','A1Pz-LKMXbrzcFg2FWi6','2.0.0'); } </script> </div> </body> </html>
About
luuman.github.io
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published
Languages
- HTML 96.2%
- JavaScript 2.6%
- CSS 1.2%