<!DOCTYPE html> <html lang="en" class="loading"> <head><meta name="generator" content="Hexo 3.9.0"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>kyralo</title> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="google" content="notranslate"> <meta name="keywords" content="kyralo,"> <meta name="description" content="生当如夏花,"> <meta name="author" content="kyralo"> <link rel="icon" href="https://cdn.jsdelivr.net/gh/kyralo/cdn/ico/favicon.ico"> <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css"> <!-- <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/kyralo/cdn@v1.0.5/css/diaspora.css"> --> <link rel="stylesheet" href="//cdn.kyralo.online/owncss/diaspora-3b0ed605b76e49d1b5e2e53daef3de2e.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/kevinzhao2233/typora-theme-pie/pie.css"> <!-- <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> --> <script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-8691406134231910", enable_page_level_ads: true }); </script> <!-- <script async custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js"> </script> --> </head> </html> <body class="loading"> <span id="config-title" style="display:none">kyralo</span> <div id="loader"></div> <div id="single" class="page"> <div id="top"> <a class="icon-left image-icon" href="javascript:history.back()"></a> </div> <div class="section"> <div class="article"> <div class="main"> <div class="content"> <h3 id="学习记录"><a href="#学习记录" class="headerlink" title="学习记录"></a>学习记录</h3> </div> </div> </div> </div> </div> </body> <script src="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script> <script src="//lib.baomitu.com/jquery/1.8.3/jquery.min.js"></script> <script src="//cdn.jsdelivr.net/gh/kyralo/cdn/js/plugin.js"></script> <script src="//cdn.jsdelivr.net/gh/kyralo/cdn@v1.0.3/js/diaspora.js"></script> <script src="//cdn.bootcss.com/typed.js/2.0.11/typed.min.js"></script> <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/kyralo/cdn/css/photoswipe.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/kyralo/cdn/css/default-skin.css"> <script src="//cdn.jsdelivr.net/gh/kyralo/cdn/js/photoswipe.min.js"></script> <script src="//cdn.jsdelivr.net/gh/kyralo/cdn/js/photoswipe-ui-default.min.js"></script> <!-- Root element of PhotoSwipe. Must have class pswp. --> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader--active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <!-- Google Analytics --> <script type="text/javascript"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-146789315-1', 'auto'); ga('send', 'pageview'); </script> <!-- End Google Analytics --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10/dist/APlayer.min.css"> <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10/dist/APlayer.min.js"></script> <style> .aplayer .aplayer-lrc { height: 35px; } .aplayer .aplayer-lrc p{ font-size: 16px; font-weight: 700; line-height: 18px !important; } .aplayer .aplayer-lrc p.aplayer-lrc-current{ color: #FF1493; } .aplayer.aplayer-narrow .aplayer-body{ left: -66px !important; } .aplayer.aplayer-fixed .aplayer-lrc { display: none; } .aplayer .aplayer-lrc.aplayer-lrc-hide { display:none !important; } .aplayer.aplayer-fixed .lrc-show { display: block; background: rgba(255, 255, 255, 0.8); } </style> <div class="aplayer" data-id="2725346449" data-server="netease" data-type="playlist" data-fixed="true" data-autoplay="false" data-loop="all" data-order="random" data-preload="auto" data-volume="0.7" data-mutex="true" </div> <script src="https://cdn.jsdelivr.net/npm/meting@1.2/dist/Meting.min.js"></script> <script> $(function(){ $('body').on('click', '.aplayer', function(){ if($('.aplayer-button').hasClass('aplayer-play')) { $('.aplayer-lrc').removeClass('lrc-show'); } else { $('.aplayer-lrc').addClass('lrc-show'); } }) }); </script> </html>