Files
ChineseBQB/docs/categories/index.html
2019-07-23 08:45:50 +08:00

1674 lines
49 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. 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: false,
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="description" content="中国人的表情包">
<meta name="keywords" content="zhaoolee 木子昭 中国人的表情包">
<meta property="og:type" content="website">
<meta property="og:title" content="专题 | Categories">
<meta property="og:url" content="http://zhaoolee.github.io/ChineseBQB/categories/index.html">
<meta property="og:site_name" content="中国人的表情包">
<meta property="og:description" content="中国人的表情包">
<meta property="og:locale" content="zh-CN">
<meta property="og:updated_time" content="2019-07-22T00:03:29.160Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="专题 | Categories">
<meta name="twitter:description" content="中国人的表情包">
<link rel="canonical" href="http://zhaoolee.github.io/ChineseBQB/categories/">
<script id="page.configurations">
CONFIG.page = {
sidebar: "",
};
</script>
<title>专题 | Categories | 中国人的表情包</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 menu-item-active">
<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>
</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="post-block page">
<header class="post-header">
<h2 class="post-title" itemprop="name headline">专题 | Categories
</h2>
<div class="post-meta">
</div>
</header>
<div class="post-body">
<div class="category-all-page">
<div class="category-all-title">
目前共计 53 个分类
</div>
<div class="category-all">
<ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/001Funny-滑稽大佬😏BQB/">001Funny_滑稽大佬😏BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/002CuteGirl-可爱的女孩纸👧BQB/">002CuteGirl_可爱的女孩纸👧BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/003CuteBoy-可爱男孩纸👶BQB/">003CuteBoy_可爱男孩纸👶BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/004SmirkBoy-假笑男孩👦BQB/">004SmirkBoy_假笑男孩👦BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/005ShowerheadBoy-莲蓬头男孩👲BQB/">005ShowerheadBoy_莲蓬头男孩👲BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/006Hamster-仓鼠🐹BQB/">006Hamster_仓鼠🐹BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/007Tiger-胖虎🐯BQB/">007Tiger_胖虎🐯BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/008HappyDuck-开心鸭🐥BQB/">008HappyDuck_开心鸭🐥BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/009KumamotoBear-熊本熊🐻BQB/">009KumamotoBear_熊本熊🐻BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/010Cat-猫🐱BQB/">010Cat_猫🐱BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/011Dog-狗🐶BQB/">011Dog_狗🐶BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/012Parrot-鹦鹉🐦BQB/">012Parrot_鹦鹉🐦BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/013PigPecs-小猪佩奇👑BQB/">013PigPecs_小猪佩奇👑BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/014Pig-猪🐖BQB/">014Pig_猪🐖BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/015Golden-Curator-Panda金馆长熊猫🐼BQB/">015Golden_Curator_Panda金馆长熊猫🐼BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/016spray-喷雾🚿BQB/">016spray_喷雾🚿BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/017Playing-演奏🎻BQB/">017Playing_演奏🎻BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/018WangEgg-汪蛋🥚BQB/">018WangEgg_汪蛋🥚BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/019Green-Hat绿帽子🖼BQB/">019Green_Hat绿帽子🖼BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/020TATAN🤷BQB/">020TATAN🤷BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/021TongfuInn-同福客栈🏫BQB/">021TongfuInn_同福客栈🏫BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/022SuDaqiang-苏大强👴BQB/">022SuDaqiang_苏大强👴BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/023Emoji-表情符号BQB/">023Emoji_表情符号BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/024Programmer-程序员👩🏿💻👨🏾💻👩🏼💻👨🏽💻👩🏻💻👩🏻💻👨💻BQB/">024Programmer_程序员👩🏿💻👨🏾💻👩🏼💻👨🏽💻👩🏻💻👩🏻💻👨💻BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/025SuperHeroes-超级英雄们👤BQB/">025SuperHeroes_超级英雄们👤BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/026Chicken-小幺鸡🐔BQB/">026Chicken_小幺鸡🐔BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/027Turtle-乌龟🐢BQB/">027Turtle_乌龟🐢BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/028JohnRomero-罗永浩🔨BQB/">028JohnRomero_罗永浩🔨BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/029Pigeon-鸽子🕊BQB/">029Pigeon_鸽子🕊BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/030AntennaBaby-天线宝宝👶BQB/">030AntennaBaby_天线宝宝👶BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/031Penguin-沙雕企鹅🐧BQB/">031Penguin_沙雕企鹅🐧BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/032FamousPerson-名人明星BQB/">032FamousPerson_名人明星BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/033Eat-吃🍔BQB/">033Eat_吃🍔BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/034WhiteVillain-白色小人👶🏻BQB/">034WhiteVillain_白色小人👶🏻BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/035TomAndJerry-猫和老鼠BQB/">035TomAndJerry_猫和老鼠BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/036Pikachu-皮卡丘BQB/">036Pikachu_皮卡丘BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/037XunLu-鲁迅BQB/">037XunLu_鲁迅BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/038Jacky-张学友BQB/">038Jacky_张学友BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/039YaoMing表情包三巨头-姚明BQB/">039YaoMing表情包三巨头_姚明BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/040HanazawaKana表情包三巨头-花泽香菜BQB/">040HanazawaKana表情包三巨头_花泽香菜BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/041ChenguoCui表情包三巨头-崔成国BQB/">041ChenguoCui表情包三巨头_崔成国BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/042HanZhang-张翰BQB/">042HanZhang_张翰BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/043Altman-奥特曼BQB/">043Altman_奥特曼BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/044YouLe-魔仙王子游乐BQB/">044YouLe_魔仙王子游乐BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/045MatchstickMen-火柴人BQB/">045MatchstickMen_火柴人BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/046WhatToWear-穿什么BQB/">046WhatToWear_穿什么BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/047ShowSword亮剑BQB/">047ShowSword亮剑BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/048SpongeBob-海绵宝宝BQB/">048SpongeBob_海绵宝宝BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/049CuteLittleFox-可爱小狐狸BQB/">049CuteLittleFox_可爱小狐狸BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/100UCAS-中国科学院BQB/">100UCAS_中国科学院BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/101HU-海南大学BQB/">101HU_海南大学BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/微信网友贡献表情包-暂存-有时间慢慢整理BQB/">微信网友贡献表情包_暂存_有时间慢慢整理BQB</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/ChineseBQB/categories/斗图之王BQB/">斗图之王BQB</a><span class="category-list-count">1</span></li></ul>
</div>
</div>
</div>
</div>
</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">
<div class="site-overview-wrap sidebar-panel sidebar-panel-active">
<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">53</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">53</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">53</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>
</div>
</aside>
</div>
</main>
<footer id="footer" class="footer">
<div class="footer-inner">
<div class="copyright">&copy; <span itemprop="copyrightYear">2019</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="/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 showTime(Counter) {
var entries = [];
var $visitors = $('.leancloud_visitors');
$visitors.each(function() {
entries.push( $(this).attr('id').trim() );
});
Counter('get', '/classes/Counter', { where: JSON.stringify({ url: { '$in': entries } }) })
.done(function({ results }) {
var COUNT_CONTAINER_REF = '.leancloud-visitors-count';
if (results.length === 0) {
$visitors.find(COUNT_CONTAINER_REF).text(0);
return;
}
for (var i = 0; i < results.length; i++) {
var item = results[i];
var url = item.url;
var time = item.time;
var element = document.getElementById(url);
$(element).find(COUNT_CONTAINER_REF).text(time);
}
for (var i = 0; i < entries.length; i++) {
var url = entries[i];
var element = document.getElementById(url);
var countSpan = $(element).find(COUNT_CONTAINER_REF);
if (countSpan.text() == '') {
countSpan.text(0);
}
}
})
.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
});
};
if ($('.post-title-link').length >= 1) {
showTime(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>
</body>
</html>