代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<title itemprop="name">Hexo</title>
<link rel="shortcut icon" href="/images/favicon.ico">
<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+SerifMerriweather|Merriweather+Sans|Source+Code+Pro|Ubuntu:400,700|Noto+Serif+SC" media="all">
<link rel="dns-prefetch" href="//cdn.jsdelivr.net">
<link rel="stylesheet" id="saukra_css-css" href="/css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="/css/lib.min.css" media="all">
<link rel="stylesheet" href="/css/font.css" media="all">
<link rel="stylesheet" href="/css/insight.css" media="all">
<link rel="stylesheet" href="/css/jquery.fancybox.min.css" media="all">
<link rel="stylesheet" href="/css/zoom.css" media="all">
<link rel="stylesheet" type="text/css" href="/css/sharejs.css">
<!-- <link rel="stylesheet" id="saukra_css-css" href="https://2heng.xin/wp-content/cache/autoptimize/css/autoptimize_ad42a61f4c7d4bdd9f91afcff6b5dda5.css
" type="text/css" media="all"> -->
<script>
/*Initial Variables*/
var mashiro_option = new Object();
var mashiro_global = new Object();
mashiro_option.NProgressON = true;
/*
* 邮箱信息之类的东西可以填在这里，这些js变量基本都作用于sakura-app.js
* 这样的设置仅是为了方便在基于PHP开发的主题中设置js变量，既然移植到了Node上，我想或许可以精简这一逻辑吧
*/
mashiro_option.email_domain = "";
mashiro_option.email_name = "";
mashiro_option.cookie_version_control = "";
mashiro_option.qzone_autocomplete = false;
mashiro_option.site_name = "さくら荘そのhojun";
mashiro_option.author_name = "hojun";
mashiro_option.site_url = "https://sakura.hojun.cn";
mashiro_option.v_appId = "GyC3NzMvd0hT9Yyd2hYIC0MN-gzGzoHsz";
mashiro_option.v_appKey = "mgOpfzbkHYqU92CV4IDlAUHQ";
mashiro_option.mathjax = "0";
mashiro_option.qq_api_url = "https://api.mashiro.top/qqinfo/";
mashiro_option.qq_avatar_api_url = "https://api.mashiro.top/qqinfo/";
// mashiro_option.jsdelivr_css_src = "https://cdn.jsdelivr.net/gh/moezx/[email protected]/css/lib.min.css";
// mashiro_option.float_player_on = true;
/*End of Initial Variables*/
</script>
<script type="text/javascript">
var bg = "https://cdn.jsdelivr.net/gh/honjun/[email protected]/img/cover/(1).jpg.webp,https://cdn.jsdelivr.net/gh/honjun/[email protected]/img/cover/(2).jpg.webp,https://cdn.jsdelivr.net/gh/honjun/[email protected]/img/cover/(3).jpg.webp,https://cdn.jsdelivr.net/gh/honjun/[email protected]/img/cover/(4).jpg.webp,https://cdn.jsdelivr.net/gh/honjun/[email protected]/img/cover/(5).jpg.webp,https://cdn.jsdelivr.net/gh/honjun/[email protected]/img/cover/(6).jpg.webp,https://cdn.jsdelivr.net/gh/honjun/[email protected]/img/cover/(7).jpg.webp,https://cdn.jsdelivr.net/gh/honjun/[email protected]/img/cover/(8).jpg.webp".split(",");
var bgindex = Math.floor(Math.random()*bg.length);
if (!!window.ActiveXObject || "ActiveXObject" in window) { //is IE?
alert('朋友，IE浏览器未适配哦~');
}
</script>
<style type="text/css">
.hljs-ln{border-collapse:collapse}.hljs-ln td{padding:0}.hljs-ln-n:before{content:attr(data-line-number)}
</style>
<style type="text/css">.site-top .lower nav{display:block !important;}.author-profile i,.post-like a,.post-share .show-share,.sub-text,.we-info a,span.sitename,.post-more i:hover,#pagination a:hover,.post-content a:hover,.float-content i:hover{color:#FE9600}.feature i,.download,.navigator i:hover,.links ul li:before,.ar-time i,span.ar-circle,.object,.comment .comment-reply-link,.siren-checkbox-radio:checked + .siren-checkbox-radioInput:after{background:#FE9600}::-webkit-scrollbar-thumb{background:#FE9600}.download,.navigator i:hover,.link-title,.links ul li:hover,#pagination a:hover,.comment-respond input[type='submit']:hover{border-color:#FE9600}.entry-content a:hover,.site-info a:hover,.comment h4 a,#comments-navi a.prev,#comments-navi a.next,.comment h4 a:hover,.site-top ul li a:hover,.entry-title a:hover,#archives-temp h3,span.page-numbers.current,.sorry li a:hover,.site-title a:hover,i.iconfont.js-toggle-search.iconsearch:hover,.comment-respond input[type='submit']:hover{color:#FE9600}.comments .comments-main{display:block !important;}.comments .comments-hidden{display:none !important;}background-position:center center;background-attachment:inherit;}
</style>
<meta name="generator" content="Hexo 4.2.0"></head>
<body class="page-template page-template-user page-template-page-analytics page-template-userpage-analytics-php page page-id-1297 chinese-font serif isWebKit">
<div class="scrollbar" id="bar">
</div>
<a href="#" class="cd-top faa-float animated"></a>
<section id="main-container">
<div class="headertop filter-dot">
<div id="banner_wave_1"></div>
<div id="banner_wave_2"></div>
<figure id="centerbg" class="centerbg">
<div class="focusinfo no-select">
<div class="header-tou">
<a href="https://sakura.hojun.cn" target="_blank" rel="noopener">
</a>
</div>
<div class="header-info">
<p>Live your life with passion! With some drive!</p>
<div class="top-social_v2">
<li id="bg-pre">
</li>
<li>
<a href="http://github.com/honjun" target="_blank" class="social-github" title="github">
</a>
</li>
<li>
<a href="http://weibo.com/mashirozx?is_all=1" target="_blank" class="social-github" title="sina">
</a>
</li>
<li>
<a href="http://weibo.com/mashirozx?is_all=1" target="_blank" class="social-github" title="wangyiyun">
</a>
</li>
<li>
<a href="http://weibo.com/mashirozx?is_all=1" target="_blank" class="social-github" title="zhihu">
</a>
</li>
<li>
<a href="http://weibo.com/mashirozx?is_all=1" target="_blank" class="social-github" title="email">
</a>
</li>
<li class="wechat">
<a href="/#">
</a>
<div class="wechatInner">
</div>
</li>
<li class="wechat">
<a href="/#">
</a>
<div class="wechatInner">
</div>
</li>
<li id="bg-next">
</li>
</div>
</div>
</div>
</figure>
<div id="video-container" style="">
<video style="object-fit: fill" id="bgvideo" class="video" video-name="" src="" width="auto" preload="auto">
</video>
<div id="video-btn" class="loadvideo videolive">
</div>
<div id="video-add">
</div>
<div class="video-stu">
</div>
</div>
<div class="headertop-down faa-float animated" onclick="headertop_down()">
<span>
<i class="fa fa-chevron-down" aria-hidden="true">
</i>
</span>
</div>
</div>
<div id="page" class="site wrapper">
<header class="site-header no-select gizle sabit" role="banner">
<div class="site-top">
<div class="site-branding">
<span class="site-title">
<span class="logolink moe-mashiro">
<a href="/">
<span class="sakurasono">さくら荘その</span>
<span class="shironeko">hojun</span>
</a>
</span>
</span>
</div>
<div class="searchbox search-form-submit">
<i class="iconfont js-toggle-search iconsearch icon-search">
</i>
</div>
<div id="show-nav" class="showNav mobile-fit">
<div class="line line1">
</div>
<div class="line line2">
</div>
<div class="line line3">
</div>
</div>
<div class="lower-cantiner">
<div class="lower">
<nav class="mobile-fit-control hide">
<ul id="menu-new" class="menu">
<li>
<a href="/">
<span class="faa-parent animated-hover">
<i class="fa fa-fort-awesome faa-shake" aria-hidden="true"></i>
首页
</span>
</a>
</li>
<li>
<a href="/archives">
<span class="faa-parent animated-hover">
<i class="fa fa-archive faa-shake" aria-hidden="true"></i>
归档
</span>
</a>
<ul class="sub-menu">
<li>
<a href="/categories/%E6%8A%80%E6%9C%AF/">
<i class="fa fa-code" aria-hidden="true"></i>
技术
</a>
</li>
<li>
<a href="/categories/%E7%94%9F%E6%B4%BB/">
<i class="fa fa-file-text-o" aria-hidden="true"></i>
生活
</a>
</li>
<li>
<a href="/categories/%E8%B5%84%E6%BA%90/">
<i class="fa fa-cloud-download" aria-hidden="true"></i>
资源
</a>
</li>
<li>
<a href="/categories/%E9%9A%8F%E6%83%B3/">
<i class="fa fa-commenting-o" aria-hidden="true"></i>
随想
</a>
</li>
<li>
<a href="/categories/%E8%BD%AC%E8%BD%BD/">
<i class="fa fa-book" aria-hidden="true"></i>
转载
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:;">
<span class="faa-parent animated-hover">
<i class="fa fa-list-ul faa-vertical" aria-hidden="true"></i>
清单
</span>
</a>
<ul class="sub-menu">
<li>
<a href="/tags/%E6%82%A6%E8%AF%BB/">
<i class="fa fa-th-list faa-bounce" aria-hidden="true"></i>
书单
</a>
</li>
<li>
<a href="/bangumi/">
<i class="fa fa-film faa-vertical" aria-hidden="true"></i>
番组
</a>
</li>
<li>
<a href="/music/">
<i class="fa fa-headphones" aria-hidden="true"></i>
歌单
</a>
</li>
<li>
<a href="/tags/%E5%9B%BE%E9%9B%86/">
<i class="fa fa-photo" aria-hidden="true"></i>
图集
</a>
</li>
</ul>
</li>
<li>
<a href="/comment/">
<span class="faa-parent animated-hover">
<i class="fa fa-pencil-square-o faa-tada" aria-hidden="true"></i>
留言板
</span>
</a>
</li>
<li>
<a href="/links/">
<span class="faa-parent animated-hover">
<i class="fa fa-link faa-shake" aria-hidden="true"></i>
友人帐
</span>
</a>
</li>
<li>
<a href="/donate/">
<span class="faa-parent animated-hover">
<i class="fa fa-heart faa-pulse" aria-hidden="true"></i>
赞赏
</span>
</a>
</li>
<li>
<a href="/">
<span class="faa-parent animated-hover">
<i class="fa fa-leaf faa-wrench" aria-hidden="true"></i>
关于
</span>
</a>
<ul class="sub-menu">
<li>
<a href="/about/">
<i class="fa fa-meetup" aria-hidden="true"></i>
我？
</a>
</li>
<li>
<a href="/theme-sakura/">
<i class="fa iconfont icon-sakura" aria-hidden="true"></i>
主题
</a>
</li>
<li>
<a href="/lab/">
<i class="fa fa-cogs" aria-hidden="true"></i>
Lab
</a>
</li>
</ul>
</li>
<li>
<a href="/client/">
<span class="faa-parent animated-hover">
<i class="fa fa-android faa-vertical" aria-hidden="true"></i>
客户端
</span>
</a>
</li>
<li>
<a href="/atom.xml">
<span class="faa-parent animated-hover">
<i class="fa fa-rss faa-pulse" aria-hidden="true"></i>
RSS
</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<div class="blank" style="padding-top: 0px;"></div>
<div id="content" class="site-content">
<div class="notice" style="margin-top:60px">
<i class="iconfont icon-notification">
</i>
<div class="notice-content">hexo-Sakura主题已经开源，目前正在开发中...</div>
</div>
<div class="top-feature-row">
<h1 class="fes-title" style="font-family: 'Ubuntu', sans-serif;">
<i class="fa fa-anchor" aria-hidden="true">
</i>
START:DASH!!</h1>
<div class="top-feature-v2">
<div class="the-feature square from_left_and_right">
<a href="/theme-sakura/" target="_blank">
<div class="img">
</div>
<div class="info">
<h3>Sakura</h3>
<p>本站 hexo 主题</p>
</div>
</a>
</div>
</div>
<div class="top-feature-v2">
<div class="the-feature square from_left_and_right">
<a href="http://space.bilibili.com/271849279" target="_blank">
<div class="img">
</div>
<div class="info">
<h3>Bilibili</h3>
<p>博主的b站视频</p>
</div>
</a>
</div>
</div>
<div class="top-feature-v2">
<div class="the-feature square from_left_and_right">
<a href="/" target="_blank">
<div class="img">
</div>
<div class="info">
<h3>hojun的万事屋</h3>
<p>技术服务</p>
</div>
</a>
</div>
</div>
</div>
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<h1 class="main-title" style="font-family: 'Ubuntu', sans-serif;">
<i class="fa fa-envira" aria-hidden="true"></i>
Discovery</h1>
<!-- 首页默认取最最新文章集 -->
<article class="post post-list-thumb post-list-thumb-left" class="post post-list-thumb" itemscope="" itemtype="https://schema.org/BlogPosting">
<div class="post-thumb">
<a href="/2020/04/01/hello-world/">
<img class="lazyload" onerror="imgError(this,3)" src="https://cdn.jsdelivr.net/gh/honjun/[email protected]/img/loader/orange.progress-bar-stripe-loader.svg" data-src="https://cdn.jsdelivr.net/gh/honjun/[email protected]/img/other/image-404.png">
</a>
</div>
<div class="post-content-wrap">
<div class="post-content">
<div class="post-date">
<i class="iconfont icon-time">
</i>2020-4-1 19:04</div>
<a href="/2020/04/01/hello-world/" class="post-title">
<h3>Hello World</h3>
</a>
<div class="post-meta">
<span><i class="fa fa-tags"></i>
</span>
<span>
<i class="iconfont icon-file"></i>
</span>
</div>
<div class="float-content">
<p></p>
<div class="post-bottom">
<a href="/2020/04/01/hello-world/" class="button-normal">
<i class="iconfont icon-caidan"></i>
</a>
</div>
</div>
</div>
</div>
</article>
</main>
<!-- 首页默认取最最新文章集 -->
<!-- -->
</div>
</div>
</div>
<div class="ins-search">
<div class="ins-search-mask"></div>
<div class="ins-search-container">
<div class="ins-input-wrapper">
<input type="text" class="ins-search-input" placeholder="Type something..."/>
<span class="ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
</div>
<div class="ins-section-wrapper">
<div class="ins-section-container"></div>
</div>
</div>
</div>
<script>
(function (window) {
var INSIGHT_CONFIG = {
TRANSLATION: {
POSTS: 'Posts',
// PAGES: 'Pages',
CATEGORIES: 'Categories',
TAGS: 'Tags',
},
ROOT_URL: '/',
CONTENT_URL: '/content.json',
};
window.INSIGHT_CONFIG = INSIGHT_CONFIG;
})(window);
</script>
<!-- <footer id="footer">
<div class="outer">
<div id="footer-info" class="inner">
© 2020 John Doe<br>
powered_by <a href="http://hexo.io/" target="_blank">Hexo</a>
</div>
</div>
</footer> -->
<footer id="colophon" class="site-footer" role="contentinfo">
<div class="site-info">
<div class="footertext">
<div class="img-preload">
<img src="https://cdn.jsdelivr.net/gh/honjun/[email protected]/img/other/wordpress-rotating-ball-o.svg">
</div>
<p style="color: #666666;">© 2018</p>
</div>
<div class="footer-device">
<p style="font-family: 'Ubuntu', sans-serif;">
<span style="color: #b9b9b9;">Theme <a href="https://github.com/honjun/hexo-theme-sakura" target="_blank" style="color: #b9b9b9;;text-decoration: underline dotted rgba(0, 0, 0, .1);">Sakura</a> <i class="iconfont icon-sakura rotating" style="color: #ffc0cb;display:inline-block"></i> by <a href="https://2heng.xin/" target="_blank" style="color: #b9b9b9;;text-decoration: underline dotted rgba(0, 0, 0, .1);">Mashiro</a>&<a href="https://www.hojun.cn/" target="_blank" style="color: #b9b9b9;;text-decoration: underline dotted rgba(0, 0, 0, .1);">Hojun</a>, Powered by Hexo, Hosted by Coding Pages</a>
</span>
</p>
</div>
</div><!-- .site-info -->
</footer>
<!-- <script src="/js/tocbot.js"></script> -->
<script type="text/javascript" src="/js/lib.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
<script type="text/javascript" src="/js/InsightSearch.js"></script>
<script type="text/javascript" src="/js/jquery.fancybox.min.js"></script>
<script type="text/javascript" src="/js/zoom.min.js"></script>
<script type="text/javascript" src="/js/sakura-app.js"></script>
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<script src="/js/botui.js"></script>
<!-- 不蒜子 网页计数器 -->
<script src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.4.2/tocbot.min.js"></script> -->
<script type="text/javascript">
/* <![CDATA[ */
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
var Poi = {"pjax":"1","movies":{"url": "https://cdn.jsdelivr.net/gh/honjun/[email protected]","name":"Unbroken.mp4","live":"close"},"windowheight":"fixed","codelamp":"close","ajaxurl":"","order":"asc","formpostion":"bottom"};
} else {
var Poi = {"pjax":"1","movies":{"url": "https://cdn.jsdelivr.net/gh/honjun/[email protected]","name":"Unbroken.mp4","live":"open"},"windowheight":"auto","codelamp":"close","ajaxurl":"","order":"asc","formpostion":"bottom"};
}
/* ]]> */
</script>
<script>
$(document).ready(function() {
if ($(".toc").length > 0 && document.body.clientWidth > 1200) {
if ($(".pattern-center").length > 0) { //有图的情况
tocbot.init({
// Where to render the table of contents.
tocSelector: '.toc', // 放置目录的容器
// Where to grab the headings to build the table of contents.
contentSelector: '.entry-content', // 正文内容所在
// Which headings to grab inside of the contentSelector element.
scrollSmooth: true,
headingSelector: 'h1, h2, h3, h4, h5', // 需要索引的标题级别
headingsOffset: -400,
scrollSmoothOffset: -85
});
} else {
tocbot.init({
// Where to render the table of contents.
tocSelector: '.toc', // 放置目录的容器
// Where to grab the headings to build the table of contents.
contentSelector: '.entry-content', // 正文内容所在
// Which headings to grab inside of the contentSelector element.
scrollSmooth: true,
headingSelector: 'h1, h2, h3, h4, h5', // 需要索引的标题级别
headingsOffset: -85,
scrollSmoothOffset: -85
});
}
var offsetTop = $('.toc').offset().top - 95;
window.onscroll = function() {
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
if (scrollTop >= offsetTop) {
$('.toc').addClass('toc-fixed');
} else {
$('.toc').removeClass('toc-fixed');
}
}
}
});
</script>
<div class="openNav no-select" style="height: 50px;">
<div class="iconflat no-select" style="width: 50px; height: 50px;">
<div class="icon"></div>
</div>
<div class="site-branding search-form-submit">
<i class="iconfont js-toggle-search iconsearch icon-search"></i>
</div>
</div>
</section>
<div id="mo-nav" class="">
<div class="m-avatar">
</div>
<p style="text-align: center; color: #333; font-weight: 900; font-family: 'Ubuntu', sans-serif; letter-spacing: 1.5px">さくら荘そのhojun</p>
<p style="text-align: center; word-spacing: 20px;">
<a href="http://github.com/honjun" class="fa fa-github" target="_blank" style="color: #333; margin-left:20px"></a>
<a href="http://weibo.com/mashirozx?is_all=1" class="fa fa-weibo" target="_blank" style="color: #dd4b39; margin-left:20px"></a>
<a href="https://wpa.qq.com/msgrd?v=3&uin=954655431&site=qq&menu=yes" class="fa fa-qq" target="_blank" style="color: #25c6fe; margin-left:20px"></a>
</p>
<ul id="menu-new-1" class="menu">
<li>
<a href="/">
<span class="faa-parent animated-hover">
<i class="fa fa-fort-awesome faa-shake" aria-hidden="true"></i>
首页
</span>
</a>
</li>
<li>
<a href="/archives">
<span class="faa-parent animated-hover">
<i class="fa fa-archive faa-shake" aria-hidden="true"></i>
归档
</span>
</a>
<ul class="sub-menu">
<li>
<a href="/categories/%E6%8A%80%E6%9C%AF/">
<i class="fa fa-code" aria-hidden="true"></i>
技术
</a>
</li>
<li>
<a href="/categories/%E7%94%9F%E6%B4%BB/">
<i class="fa fa-file-text-o" aria-hidden="true"></i>
生活
</a>
</li>
<li>
<a href="/categories/%E8%B5%84%E6%BA%90/">
<i class="fa fa-cloud-download" aria-hidden="true"></i>
资源
</a>
</li>
<li>
<a href="/categories/%E9%9A%8F%E6%83%B3/">
<i class="fa fa-commenting-o" aria-hidden="true"></i>
随想
</a>
</li>
<li>
<a href="/categories/%E8%BD%AC%E8%BD%BD/">
<i class="fa fa-book" aria-hidden="true"></i>
转载
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:;">
<span class="faa-parent animated-hover">
<i class="fa fa-list-ul faa-vertical" aria-hidden="true"></i>
清单
</span>
</a>
<ul class="sub-menu">
<li>
<a href="/tags/%E6%82%A6%E8%AF%BB/">
<i class="fa fa-th-list faa-bounce" aria-hidden="true"></i>
书单
</a>
</li>
<li>
<a href="/bangumi/">
<i class="fa fa-film faa-vertical" aria-hidden="true"></i>
番组
</a>
</li>
<li>
<a href="/music/">
<i class="fa fa-headphones" aria-hidden="true"></i>
歌单
</a>
</li>
<li>
<a href="/tags/%E5%9B%BE%E9%9B%86/">
<i class="fa fa-photo" aria-hidden="true"></i>
图集
</a>
</li>
</ul>
</li>
<li>
<a href="/comment/">
<span class="faa-parent animated-hover">
<i class="fa fa-pencil-square-o faa-tada" aria-hidden="true"></i>
留言板
</span>
</a>
</li>
<li>
<a href="/links/">
<span class="faa-parent animated-hover">
<i class="fa fa-link faa-shake" aria-hidden="true"></i>
友人帐
</span>
</a>
</li>
<li>
<a href="/donate/">
<span class="faa-parent animated-hover">
<i class="fa fa-heart faa-pulse" aria-hidden="true"></i>
赞赏
</span>
</a>
</li>
<li>
<a href="/">
<span class="faa-parent animated-hover">
<i class="fa fa-leaf faa-wrench" aria-hidden="true"></i>
关于
</span>
</a>
<ul class="sub-menu">
<li>
<a href="/about/">
<i class="fa fa-meetup" aria-hidden="true"></i>
我？
</a>
</li>
<li>
<a href="/theme-sakura/">
<i class="fa iconfont icon-sakura" aria-hidden="true"></i>
主题
</a>
</li>
<li>
<a href="/lab/">
<i class="fa fa-cogs" aria-hidden="true"></i>
Lab
</a>
</li>
</ul>
</li>
<li>
<a href="/client/">
<span class="faa-parent animated-hover">
<i class="fa fa-android faa-vertical" aria-hidden="true"></i>
客户端
</span>
</a>
</li>
<li>
<a href="/atom.xml">
<span class="faa-parent animated-hover">
<i class="fa fa-rss faa-pulse" aria-hidden="true"></i>
RSS
</span>
</a>
</li>
</ul>
<p style="text-align: center; font-size: 13px; color: #b9b9b9;">© 2019 hexo-sakura</p>
</div>
<button onclick="topFunction()" class="mobile-cd-top" id="moblieGoTop" title="Go to top" style="display: none;"><i class="fa fa-chevron-up" aria-hidden="true"></i></button>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.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>
<meting-js
id="2660651585"
server="netease"
type="playlist"
fixed="true"
autoplay="false"
loop="all"
order="random"
preload="auto"
volume="0.7"
mutex="true"
</meting-js>
<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>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手