Files
2023-10-29 14:44:27 +08:00

1729 lines
47 KiB
HTML
Executable File
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html class="theme-next mist use-motion" lang="zh-CN">
<head><meta name="generator" content="Hexo 3.9.0">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
<meta name="theme-color" content="#222">
<script src="/ChineseBQB/lib/pace/pace.min.js?v=1.0.2"></script>
<link rel="stylesheet" href="/ChineseBQB/lib/pace/pace-theme-minimal.min.css?v=1.0.2">
<link rel="stylesheet" href="/ChineseBQB/lib/font-awesome/css/font-awesome.min.css?v=4.6.2">
<link rel="stylesheet" href="/ChineseBQB/css/main.css?v=7.1.2">
<link rel="apple-touch-icon" sizes="180x180" href="/ChineseBQB/images/apple-touch-icon-next.png?v=7.1.2">
<link rel="icon" type="image/png" sizes="32x32" href="/ChineseBQB/images/favicon-32x32-next.png?v=7.1.2">
<link rel="icon" type="image/png" sizes="16x16" href="/ChineseBQB/images/favicon-16x16-next.png?v=7.1.2">
<link rel="mask-icon" href="/ChineseBQB/images/logo.svg?v=7.1.2" color="#222">
<script id="hexo.configurations">
var NexT = window.NexT || {};
var CONFIG = {
root: '/ChineseBQB/',
scheme: 'Mist',
version: '7.1.2',
sidebar: {"position":"left","display":"hide","offset":12,"onmobile":false,"dimmer":false},
back2top: true,
back2top_sidebar: false,
fancybox: false,
fastclick: false,
lazyload: true,
tabs: true,
motion: {"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}},
algolia: {
applicationID: '',
apiKey: '',
indexName: '',
hits: {"per_page":100},
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"}
}
};
</script>
<meta name="keywords" content="032FamousPerson_名人明星BQB">
<meta property="og:type" content="article">
<meta property="og:title" content="032FamousPerson_名人明星BQB">
<meta property="og:url" content="http://zhaoolee.github.io/ChineseBQB/032FamousPerson_名人明星BQB/index.html">
<meta property="og:site_name" content="中国人的表情包">
<meta property="og:locale" content="zh-CN">
<meta property="og:image" content="http://zhaoolee.github.io/ChineseBQB/images/loading.png">
<meta property="og:image" content="http://zhaoolee.github.io/ChineseBQB/images/loading.png">
<meta property="og:image" content="http://zhaoolee.github.io/ChineseBQB/images/loading.png">
<meta property="og:image" content="http://zhaoolee.github.io/ChineseBQB/images/loading.png">
<meta property="og:image" content="http://zhaoolee.github.io/ChineseBQB/images/loading.png">
<meta property="og:image" content="http://zhaoolee.github.io/ChineseBQB/images/loading.png">
<meta property="og:updated_time" content="2020-06-12T08:53:01.444Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="032FamousPerson_名人明星BQB">
<meta name="twitter:image" content="http://zhaoolee.github.io/ChineseBQB/images/loading.png">
<link rel="canonical" href="http://zhaoolee.github.io/ChineseBQB/032FamousPerson_名人明星BQB/">
<script id="page.configurations">
CONFIG.page = {
sidebar: "",
};
</script>
<title>032FamousPerson_名人明星BQB | 中国人的表情包</title>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?06e2f2a37e405b47f1c995e373094ae1";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<noscript>
<style>
.use-motion .motion-element,
.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-title { opacity: initial; }
.use-motion .logo,
.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" lang="zh-CN">
<div class="container sidebar-position-left page-post-detail">
<div class="headband"></div>
<header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
<div class="header-inner"><div class="site-brand-wrapper">
<div class="site-meta">
<div class="custom-logo-site-title">
<a href="/ChineseBQB/" class="brand" rel="start">
<span class="logo-line-before"><i></i></span>
<span class="site-title">中国人的表情包</span>
<span class="logo-line-after"><i></i></span>
</a>
</div>
<h1 class="site-subtitle" itemprop="description">zhaoolee 木子昭 中国人的表情包</h1>
</div>
<div class="site-nav-toggle">
<button aria-label="切换导航栏">
<span class="btn-bar"></span>
<span class="btn-bar"></span>
<span class="btn-bar"></span>
</button>
</div>
</div>
<nav class="site-nav">
<ul id="menu" class="menu">
<li class="menu-item menu-item-home">
<a href="/ChineseBQB/" rel="section"><i class="menu-item-icon fa fa-fw fa-home"></i> <br>首页</a>
</li>
<li class="menu-item menu-item-about">
<a href="/ChineseBQB/about/" rel="section"><i class="menu-item-icon fa fa-fw fa-user"></i> <br>关于</a>
</li>
<li class="menu-item menu-item-tags">
<a href="/ChineseBQB/tags/" rel="section"><i class="menu-item-icon fa fa-fw fa-tags"></i> <br>标签</a>
</li>
<li class="menu-item menu-item-categories">
<a href="/ChineseBQB/categories/" rel="section"><i class="menu-item-icon fa fa-fw fa-th"></i> <br>分类</a>
</li>
<li class="menu-item menu-item-sitemap">
<a href="/ChineseBQB/sitemap.xml" rel="section"><i class="menu-item-icon fa fa-fw fa-sitemap"></i> <br>站点地图</a>
</li>
<li class="menu-item menu-item-search">
<a href="javascript:;" class="popup-trigger">
<i class="menu-item-icon fa fa-search fa-fw"></i> <br>搜索</a>
</li>
</ul>
<div class="site-search">
<div class="popup search-popup local-search-popup">
<div class="local-search-header clearfix">
<span class="search-icon">
<i class="fa fa-search"></i>
</span>
<span class="popup-btn-close">
<i class="fa fa-times-circle"></i>
</span>
<div class="local-search-input-wrapper">
<input autocomplete="off" placeholder="搜索..." spellcheck="false" type="text" id="local-search-input">
</div>
</div>
<div id="local-search-result"></div>
</div>
</div>
</nav>
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/autoload.js"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-4504000699134547",
enable_page_level_ads: true
});
</script>
<script data-ad-client="ca-pub-4504000699134547" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-gw-3+1f-3d+2z" data-ad-client="ca-pub-4504000699134547" data-ad-slot="2251771396"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</header>
<main id="main" class="main">
<div class="main-inner">
<div class="content-wrap">
<div id="content" class="content">
<div id="posts" class="posts-expand">
<div class="reading-progress-bar"></div>
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
<div class="post-block">
<link itemprop="mainEntityOfPage" href="http://zhaoolee.github.io/ChineseBQB/ChineseBQB/032FamousPerson_名人明星BQB/">
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="zhaoolee">
<meta itemprop="description" content="中国人的表情包">
<meta itemprop="image" content="https://avatars2.githubusercontent.com/u/15868458?s=460&v=4">
</span>
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="中国人的表情包">
</span>
<header class="post-header">
<h2 class="post-title" itemprop="name headline">032FamousPerson_名人明星BQB
</h2>
<div class="post-meta">
<span class="post-time">
<span class="post-meta-item-icon">
<i class="fa fa-calendar-o"></i>
</span>
<span class="post-meta-item-text">发表于</span>
<time title="创建时间2020-04-24 13:44:46" itemprop="dateCreated datePublished" datetime="2020-04-24T13:44:46+08:00">2020-04-24</time>
<span class="post-meta-divider">|</span>
<span class="post-meta-item-icon">
<i class="fa fa-calendar-check-o"></i>
</span>
<span class="post-meta-item-text">更新于</span>
<time title="修改时间2020-06-12 16:53:01" itemprop="dateModified" datetime="2020-06-12T16:53:01+08:00">2020-06-12</time>
</span>
<span class="post-category">
<span class="post-meta-divider">|</span>
<span class="post-meta-item-icon">
<i class="fa fa-folder-o"></i>
</span>
<span class="post-meta-item-text">分类于</span>
<span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/ChineseBQB/categories/032FamousPerson-名人明星BQB/" itemprop="url" rel="index"><span itemprop="name">032FamousPerson_名人明星BQB</span></a></span>
</span>
<span id="/ChineseBQB/032FamousPerson_名人明星BQB/" class="leancloud_visitors" data-flag-title="032FamousPerson_名人明星BQB">
<span class="post-meta-divider">|</span>
<span class="post-meta-item-icon">
<i class="fa fa-eye"></i>
</span>
<span class="post-meta-item-text">阅读次数:</span>
<span class="leancloud-visitors-count"></span>
</span>
</div>
</header>
<div class="post-body" itemprop="articleBody">
<hr>
<a id="more"></a>
<p><img height="200px" style="height:200px;" src="/ChineseBQB/images/loading.png" data-original="https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/0.jpg"><br></p><h6>下载地址: <a href="https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/0.jpg" target="_blank" rel="noopener">https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/0.jpg</a></h6><hr><img height="200px" style="height:200px;" src="/ChineseBQB/images/loading.png" data-original="https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/FamousPerson00001.gif"><br><h6>下载地址: <a href="https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/FamousPerson00001.gif" target="_blank" rel="noopener">https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/FamousPerson00001.gif</a></h6><hr><img height="200px" style="height:200px;" src="/ChineseBQB/images/loading.png" data-original="https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/FamousPerson00002.gif"><br><h6>下载地址: <a href="https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/FamousPerson00002.gif" target="_blank" rel="noopener">https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/FamousPerson00002.gif</a></h6><hr><img height="200px" style="height:200px;" src="/ChineseBQB/images/loading.png" data-original="https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/FamousPerson00004.jpg"><br><h6>下载地址: <a href="https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/FamousPerson00004.jpg" target="_blank" rel="noopener">https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/FamousPerson00004.jpg</a></h6><hr><img height="200px" style="height:200px;" src="/ChineseBQB/images/loading.png" data-original="https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/FamousPerson00005.jpg"><br><h6>下载地址: <a href="https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/FamousPerson00005.jpg" target="_blank" rel="noopener">https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/FamousPerson00005.jpg</a></h6><hr><img height="200px" style="height:200px;" src="/ChineseBQB/images/loading.png" data-original="https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/webwxgetmsgimg-8.gif"><br><h6>下载地址: <a href="https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/webwxgetmsgimg-8.gif" target="_blank" rel="noopener">https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/webwxgetmsgimg-8.gif</a></h6><hr><p></p>
</div>
<div>
<div id="reward-container">
<div></div>
<button id="reward-button" disable="enable" onclick="var qr = document.getElementById(&quot;qr&quot;); qr.style.display = (qr.style.display === 'none') ? 'block' : 'none';">
打赏
</button>
<div id="qr" style="display: none;">
<div style="display: inline-block">
<img src="/ChineseBQB/images/loading.png" data-original="https://raw.githubusercontent.com/zhaoolee/GraphBed/master/zhaoolee_images000002/ba5b30723b85810c5a8a42be8ead4161.jpeg" alt="zhaoolee 微信支付">
<p>微信支付</p>
</div>
</div>
</div>
</div>
<footer class="post-footer">
<div class="post-tags">
<a href="/ChineseBQB/tags/032FamousPerson-名人明星BQB/" rel="tag"># 032FamousPerson_名人明星BQB</a>
</div>
<div class="post-nav">
<div class="post-nav-next post-nav-item">
<a href="/ChineseBQB/033Eat_吃🍔BQB/" rel="next" title="033Eat_吃🍔BQB">
<i class="fa fa-chevron-left"></i> 033Eat_吃🍔BQB
</a>
</div>
<span class="post-nav-divider"></span>
<div class="post-nav-prev post-nav-item">
<a href="/ChineseBQB/034WhiteVillain_白色小人👶🏻BQB/" rel="prev" title="034WhiteVillain_白色小人👶🏻BQB">
034WhiteVillain_白色小人👶🏻BQB <i class="fa fa-chevron-right"></i>
</a>
</div>
</div>
</footer>
</div>
</article>
</div>
</div>
<div class="comments" id="gitalk-container">
</div>
</div>
<div class="sidebar-toggle">
<div class="sidebar-toggle-line-wrap">
<span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
<span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
<span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
</div>
</div>
<aside id="sidebar" class="sidebar">
<div class="sidebar-inner">
<ul class="sidebar-nav motion-element">
<li class="sidebar-nav-toc sidebar-nav-active" data-target="post-toc-wrap">
文章目录
</li>
<li class="sidebar-nav-overview" data-target="site-overview-wrap">
站点概览
</li>
</ul>
<div class="site-overview-wrap sidebar-panel">
<div class="site-overview">
<div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
<img class="site-author-image" itemprop="image" src="https://avatars2.githubusercontent.com/u/15868458?s=460&v=4" alt="zhaoolee">
<p class="site-author-name" itemprop="name">zhaoolee</p>
<div class="site-description motion-element" itemprop="description">中国人的表情包</div>
</div>
<nav class="site-state motion-element">
<div class="site-state-item site-state-posts">
<a href="/ChineseBQB/archives">
<span class="site-state-item-count">70</span>
<span class="site-state-item-name">日志</span>
</a>
</div>
<div class="site-state-item site-state-categories">
<a href="/ChineseBQB/categories/">
<span class="site-state-item-count">70</span>
<span class="site-state-item-name">分类</span>
</a>
</div>
<div class="site-state-item site-state-tags">
<a href="/ChineseBQB/tags/">
<span class="site-state-item-count">70</span>
<span class="site-state-item-name">标签</span>
</a>
</div>
</nav>
<div class="links-of-author motion-element">
<span class="links-of-author-item">
<a href="https://github.com/zhaoolee" title="GitHub &rarr; https://github.com/zhaoolee" rel="noopener" target="_blank"><i class="fa fa-fw fa-github"></i>GitHub</a>
</span>
<span class="links-of-author-item">
<a href="mailto:zhaoolee@gmail.com" title="E-Mail &rarr; mailto:zhaoolee@gmail.com" rel="noopener" target="_blank"><i class="fa fa-fw fa-envelope"></i>E-Mail</a>
</span>
</div>
</div>
</div>
<!--noindex-->
<div class="post-toc-wrap motion-element sidebar-panel sidebar-panel-active">
<div class="post-toc">
<div class="post-toc-content"><ol class="nav"><li class="nav-item nav-level-6"><a class="nav-link" href="#null"><span class="nav-number">1.</span> <span class="nav-text">下载地址: https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/0.jpg</span></a></li><li class="nav-item nav-level-6"><a class="nav-link" href="#null"><span class="nav-number">2.</span> <span class="nav-text">下载地址: https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/FamousPerson00001.gif</span></a></li><li class="nav-item nav-level-6"><a class="nav-link" href="#null"><span class="nav-number">3.</span> <span class="nav-text">下载地址: https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/FamousPerson00002.gif</span></a></li><li class="nav-item nav-level-6"><a class="nav-link" href="#null"><span class="nav-number">4.</span> <span class="nav-text">下载地址: https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/FamousPerson00004.jpg</span></a></li><li class="nav-item nav-level-6"><a class="nav-link" href="#null"><span class="nav-number">5.</span> <span class="nav-text">下载地址: https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/FamousPerson00005.jpg</span></a></li><li class="nav-item nav-level-6"><a class="nav-link" href="#null"><span class="nav-number">6.</span> <span class="nav-text">下载地址: https://v2fy.com/asset/0i/ChineseBQB/032FamousPerson_名人明星BQB/webwxgetmsgimg-8.gif</span></a></li></ol></div>
</div>
</div>
<!--/noindex-->
</div>
</aside>
</div>
</main>
<footer id="footer" class="footer">
<div class="footer-inner">
<div class="copyright">&copy; <span itemprop="copyrightYear">2020</span>
<span class="with-love" id="animate">
<i class="fa fa-user"></i>
</span>
<span class="author" itemprop="copyrightHolder">zhaoolee</span>
</div>
</div>
</footer>
<div class="back-to-top">
<i class="fa fa-arrow-up"></i>
<span id="scrollpercent"><span>0</span>%</span>
</div>
</div>
<script>
if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
window.Promise = null;
}
</script>
<script color="255,255,255" opacity="0.3" zindex="-1" count="10" src="//cdn.jsdelivr.net/gh/theme-next/theme-next-canvas-nest@1/canvas-nest.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/jquery@2/dist/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/jquery-lazyload@1/jquery.lazyload.min.js"></script>
<script src="/ChineseBQB/lib/velocity/velocity.min.js?v=1.2.1"></script>
<script src="/ChineseBQB/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>
<script src="/ChineseBQB/lib/reading_progress/reading_progress.js"></script>
<script src="/ChineseBQB/js/utils.js?v=7.1.2"></script>
<script src="/ChineseBQB/js/motion.js?v=7.1.2"></script>
<script src="/ChineseBQB/js/schemes/muse.js?v=7.1.2"></script>
<script src="/ChineseBQB/js/scrollspy.js?v=7.1.2"></script>
<script src="/ChineseBQB/js/post-details.js?v=7.1.2"></script>
<script src="/ChineseBQB/js/next-boot.js?v=7.1.2"></script>
<script src="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.css">
<script src="//cdn.jsdelivr.net/npm/js-md5@0.7.3/src/md5.min.js"></script>
<script>
var gitalk = new Gitalk({
clientID: 'fcfeca14739ad63b029c',
clientSecret: '191c171c5954a566e184f8a22b2c7a4b0b224759',
repo: 'ChineseBQB',
owner: 'zhaoolee',
admin: ['zhaoolee'],
id: md5(location.pathname),
language: 'zh-CN',
distractionFreeMode: 'true'
});
gitalk.render('gitalk-container');
</script>
<script>
// Popup Window;
var isfetched = false;
var isXml = true;
// Search DB path;
var search_path = "search.xml";
if (search_path.length === 0) {
search_path = "search.xml";
} else if (/json$/i.test(search_path)) {
isXml = false;
}
var path = "/ChineseBQB/" + search_path;
// monitor main search box;
var onPopupClose = function (e) {
$('.popup').hide();
$('#local-search-input').val('');
$('.search-result-list').remove();
$('#no-result').remove();
$(".local-search-pop-overlay").remove();
$('body').css('overflow', '');
}
function proceedsearch() {
$("body")
.append('<div class="search-popup-overlay local-search-pop-overlay"></div>')
.css('overflow', 'hidden');
$('.search-popup-overlay').click(onPopupClose);
$('.popup').toggle();
var $localSearchInput = $('#local-search-input');
$localSearchInput.attr("autocapitalize", "none");
$localSearchInput.attr("autocorrect", "off");
$localSearchInput.focus();
}
// search function;
var searchFunc = function(path, search_id, content_id) {
'use strict';
// start loading animation
$("body")
.append('<div class="search-popup-overlay local-search-pop-overlay">' +
'<div id="search-loading-icon">' +
'<i class="fa fa-spinner fa-pulse fa-5x fa-fw"></i>' +
'</div>' +
'</div>')
.css('overflow', 'hidden');
$("#search-loading-icon").css('margin', '20% auto 0 auto').css('text-align', 'center');
$.ajax({
url: path,
dataType: isXml ? "xml" : "json",
async: true,
success: function(res) {
// get the contents from search data
isfetched = true;
$('.popup').detach().appendTo('.header-inner');
var datas = isXml ? $("entry", res).map(function() {
return {
title: $("title", this).text(),
content: $("content",this).text(),
url: $("url" , this).text()
};
}).get() : res;
var input = document.getElementById(search_id);
var resultContent = document.getElementById(content_id);
var inputEventFunction = function() {
var searchText = input.value.trim().toLowerCase();
var keywords = searchText.split(/[\s\-]+/);
if (keywords.length > 1) {
keywords.push(searchText);
}
var resultItems = [];
if (searchText.length > 0) {
// perform local searching
datas.forEach(function(data) {
var isMatch = false;
var hitCount = 0;
var searchTextCount = 0;
var title = data.title.trim();
var titleInLowerCase = title.toLowerCase();
var content = data.content.trim().replace(/<[^>]+>/g,"");
var contentInLowerCase = content.toLowerCase();
var articleUrl = decodeURIComponent(data.url).replace(/\/{2,}/g, '/');
var indexOfTitle = [];
var indexOfContent = [];
// only match articles with not empty titles
if(title != '') {
keywords.forEach(function(keyword) {
function getIndexByWord(word, text, caseSensitive) {
var wordLen = word.length;
if (wordLen === 0) {
return [];
}
var startPosition = 0, position = [], index = [];
if (!caseSensitive) {
text = text.toLowerCase();
word = word.toLowerCase();
}
while ((position = text.indexOf(word, startPosition)) > -1) {
index.push({position: position, word: word});
startPosition = position + wordLen;
}
return index;
}
indexOfTitle = indexOfTitle.concat(getIndexByWord(keyword, titleInLowerCase, false));
indexOfContent = indexOfContent.concat(getIndexByWord(keyword, contentInLowerCase, false));
});
if (indexOfTitle.length > 0 || indexOfContent.length > 0) {
isMatch = true;
hitCount = indexOfTitle.length + indexOfContent.length;
}
}
// show search results
if (isMatch) {
// sort index by position of keyword
[indexOfTitle, indexOfContent].forEach(function (index) {
index.sort(function (itemLeft, itemRight) {
if (itemRight.position !== itemLeft.position) {
return itemRight.position - itemLeft.position;
} else {
return itemLeft.word.length - itemRight.word.length;
}
});
});
// merge hits into slices
function mergeIntoSlice(text, start, end, index) {
var item = index[index.length - 1];
var position = item.position;
var word = item.word;
var hits = [];
var searchTextCountInSlice = 0;
while (position + word.length <= end && index.length != 0) {
if (word === searchText) {
searchTextCountInSlice++;
}
hits.push({position: position, length: word.length});
var wordEnd = position + word.length;
// move to next position of hit
index.pop();
while (index.length != 0) {
item = index[index.length - 1];
position = item.position;
word = item.word;
if (wordEnd > position) {
index.pop();
} else {
break;
}
}
}
searchTextCount += searchTextCountInSlice;
return {
hits: hits,
start: start,
end: end,
searchTextCount: searchTextCountInSlice
};
}
var slicesOfTitle = [];
if (indexOfTitle.length != 0) {
slicesOfTitle.push(mergeIntoSlice(title, 0, title.length, indexOfTitle));
}
var slicesOfContent = [];
while (indexOfContent.length != 0) {
var item = indexOfContent[indexOfContent.length - 1];
var position = item.position;
var word = item.word;
// cut out 100 characters
var start = position - 20;
var end = position + 80;
if(start < 0){
start = 0;
}
if (end < position + word.length) {
end = position + word.length;
}
if(end > content.length){
end = content.length;
}
slicesOfContent.push(mergeIntoSlice(content, start, end, indexOfContent));
}
// sort slices in content by search text's count and hits' count
slicesOfContent.sort(function (sliceLeft, sliceRight) {
if (sliceLeft.searchTextCount !== sliceRight.searchTextCount) {
return sliceRight.searchTextCount - sliceLeft.searchTextCount;
} else if (sliceLeft.hits.length !== sliceRight.hits.length) {
return sliceRight.hits.length - sliceLeft.hits.length;
} else {
return sliceLeft.start - sliceRight.start;
}
});
// select top N slices in content
var upperBound = parseInt('1');
if (upperBound >= 0) {
slicesOfContent = slicesOfContent.slice(0, upperBound);
}
// highlight title and content
function highlightKeyword(text, slice) {
var result = '';
var prevEnd = slice.start;
slice.hits.forEach(function (hit) {
result += text.substring(prevEnd, hit.position);
var end = hit.position + hit.length;
result += '<b class="search-keyword">' + text.substring(hit.position, end) + '</b>';
prevEnd = end;
});
result += text.substring(prevEnd, slice.end);
return result;
}
var resultItem = '';
if (slicesOfTitle.length != 0) {
resultItem += "<li><a href='" + articleUrl + "' class='search-result-title'>" + highlightKeyword(title, slicesOfTitle[0]) + "</a>";
} else {
resultItem += "<li><a href='" + articleUrl + "' class='search-result-title'>" + title + "</a>";
}
slicesOfContent.forEach(function (slice) {
resultItem += "<a href='" + articleUrl + "'>" +
"<p class=\"search-result\">" + highlightKeyword(content, slice) +
"...</p>" + "</a>";
});
resultItem += "</li>";
resultItems.push({
item: resultItem,
searchTextCount: searchTextCount,
hitCount: hitCount,
id: resultItems.length
});
}
})
};
if (keywords.length === 1 && keywords[0] === "") {
resultContent.innerHTML = '<div id="no-result"><i class="fa fa-search fa-5x"></i></div>'
} else if (resultItems.length === 0) {
resultContent.innerHTML = '<div id="no-result"><i class="fa fa-frown-o fa-5x"></i></div>'
} else {
resultItems.sort(function (resultLeft, resultRight) {
if (resultLeft.searchTextCount !== resultRight.searchTextCount) {
return resultRight.searchTextCount - resultLeft.searchTextCount;
} else if (resultLeft.hitCount !== resultRight.hitCount) {
return resultRight.hitCount - resultLeft.hitCount;
} else {
return resultRight.id - resultLeft.id;
}
});
var searchResultList = '<ul class=\"search-result-list\">';
resultItems.forEach(function (result) {
searchResultList += result.item;
})
searchResultList += "</ul>";
resultContent.innerHTML = searchResultList;
}
}
if ('auto' === 'auto') {
input.addEventListener('input', inputEventFunction);
} else {
$('.search-icon').click(inputEventFunction);
input.addEventListener('keypress', function (event) {
if (event.keyCode === 13) {
inputEventFunction();
}
});
}
// remove loading animation
$(".local-search-pop-overlay").remove();
$('body').css('overflow', '');
proceedsearch();
}
});
}
// handle and trigger popup window;
$('.popup-trigger').click(function(e) {
e.stopPropagation();
if (isfetched === false) {
searchFunc(path, 'local-search-input', 'local-search-result');
} else {
proceedsearch();
};
});
$('.popup-btn-close').click(onPopupClose);
$('.popup').click(function(e){
e.stopPropagation();
});
$(document).on('keyup', function (event) {
var shouldDismissSearchPopup = event.which === 27 &&
$('.search-popup').is(':visible');
if (shouldDismissSearchPopup) {
onPopupClose();
}
});
</script>
<script>
function addCount(Counter) {
var $visitors = $('.leancloud_visitors');
var url = $visitors.attr('id').trim();
var title = $visitors.attr('data-flag-title').trim();
Counter('get', '/classes/Counter', { where: JSON.stringify({ url }) })
.done(function({ results }) {
if (results.length > 0) {
var counter = results[0];
Counter('put', '/classes/Counter/' + counter.objectId, JSON.stringify({ time: { '__op': 'Increment', 'amount': 1 } }))
.done(function() {
var $element = $(document.getElementById(url));
$element.find('.leancloud-visitors-count').text(counter.time + 1);
})
.fail(function ({ responseJSON }) {
console.log('Failed to save Visitor num, with error message: ' + responseJSON.error);
})
} else {
Counter('post', '/classes/Counter', JSON.stringify({ title: title, url: url, time: 1 }))
.done(function() {
var $element = $(document.getElementById(url));
$element.find('.leancloud-visitors-count').text(1);
})
.fail(function() {
console.log('Failed to create');
});
}
})
.fail(function ({ responseJSON }) {
console.log('LeanCloud Counter Error: ' + responseJSON.code + ' ' + responseJSON.error);
});
}
$(function() {
$.get('https://app-router.leancloud.cn/2/route?appId=' + 'EgL5d2IIdfhg4vqfmoUNhvYH-gzGzoHsz')
.done(function({ api_server }) {
var Counter = function(method, url, data) {
return $.ajax({
method: method,
url: 'https://' + api_server + '/1.1' + url,
headers: {
'X-LC-Id': 'EgL5d2IIdfhg4vqfmoUNhvYH-gzGzoHsz',
'X-LC-Key': 'y4xMzOWvLHc0E9IueRNUJxJC',
'Content-Type': 'application/json',
},
data: data
});
};
addCount(Counter);
});
});
</script>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
bp.src = (curProtocol === 'https') ? 'https://zz.bdstatic.com/linksubmit/push.js' : 'http://push.zhanzhang.baidu.com/push.js';
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
<script>
$('.highlight').not('.gist .highlight').each(function(i, e) {
var $wrap = $('<div>').addClass('highlight-wrap');
$(e).after($wrap);
$wrap.append($('<button>').addClass('copy-btn').append('复制').on('click', function(e) {
var code = $(this).parent().find('.code').find('.line').map(function(i, e) {
return $(e).text();
}).toArray().join('\n');
var ta = document.createElement('textarea');
var yPosition = window.pageYOffset || document.documentElement.scrollTop;
ta.style.top = yPosition + 'px'; // Prevent page scroll
ta.style.position = 'absolute';
ta.style.opacity = '0';
ta.readOnly = true;
ta.value = code;
document.body.appendChild(ta);
ta.select();
ta.setSelectionRange(0, code.length);
ta.readOnly = false;
var result = document.execCommand('copy');
ta.blur(); // For iOS
$(this).blur();
})).on('mouseleave', function(e) {
var $b = $(this).find('.copy-btn');
setTimeout(function() {
$b.text('复制');
}, 300);
}).append(e);
})
</script>
<script>!function(e){var r=Array.prototype.slice.call(document.querySelectorAll("img[data-original]"));function t(){for(var c=0;c<r.length;c++)t=r[c],void 0,0<=(n=t.getBoundingClientRect()).top&&0<=n.left&&n.top<=(e.innerHeight||document.documentElement.clientHeight)&&function(){var t,n,e,i,o=r[c];t=o,n=function(){r=r.filter(function(t){return o!==t})},e=new Image,i=t.getAttribute("data-original"),e.onload=function(){t.src=i,n&&n()},e.src=i}();var t,n}t(),e.addEventListener("scroll",function(){!function(t,n){clearTimeout(t.tId),t.tId=setTimeout(function(){t.call(n)},500)}(t,e)})}(this);</script></body>
</html>