zhangti0708.github.io
/
index.html

<!DOCTYPE html>
<html>
<head>


    <meta charset="utf-8">


    <title>一只咸鱼 | 努力学习最新姿势！！！</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <meta name="theme-color" content="#3F51B5">


    <meta name="keywords" content="">
    <meta name="description" content="分享各种福利和姿势...">
<meta property="og:type" content="website">
<meta property="og:title" content="一只咸鱼">
<meta property="og:url" content="http://yoursite.com/index.html">
<meta property="og:site_name" content="一只咸鱼">
<meta property="og:description" content="分享各种福利和姿势...">
<meta property="og:locale" content="zh_CN">
<meta property="article:author" content="Mr.Zhang">
<meta name="twitter:card" content="summary">

        <link rel="alternate" type="application/atom+xml" title="一只咸鱼" href="/atom.xml">

    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="//unpkg.com/hexo-theme-material-indigo@latest/css/style.css">
    <script>window.lazyScripts=[]</script>

    <!-- custom head -->


<meta name="generator" content="Hexo 4.2.0"></head>

<body>
    <div id="loading" class="active"></div>

    <aside id="menu"  >
  <div class="inner flex-row-vertical">
    <a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="menu-off">
        <i class="icon icon-lg icon-close"></i>
    </a>
    <div class="brand-wrap" style="background-image:url(/img/brand.jpg)">
      <div class="brand">
        <a href="/" class="avatar waves-effect waves-circle waves-light">
          <img src="/img/avatar.jpg">
        </a>
        <hgroup class="introduce">
          <h5 class="nickname">Mr.Zhang</h5>
          <a href="mailto:zhangticcc@163.com" title="zhangticcc@163.com" class="mail">zhangticcc@163.com</a>
        </hgroup>
      </div>
    </div>
    <div class="scroll-wrap flex-col">
      <ul class="nav">

            <li class="waves-block waves-effect active">
              <a href="/"  >
                <i class="icon icon-lg icon-home"></i>
                首页
              </a>
            </li>

            <li class="waves-block waves-effect">
              <a href="/archives"  >
                <i class="icon icon-lg icon-archives"></i>
                时间轴
              </a>
            </li>

            <li class="waves-block waves-effect">
              <a href="/tags"  >
                <i class="icon icon-lg icon-tags"></i>
                标签
              </a>
            </li>

            <li class="waves-block waves-effect">
              <a href="/categories"  >
                <i class="icon icon-lg icon-th-list"></i>
                分类
              </a>
            </li>

            <li class="waves-block waves-effect">
              <a href="https://weibo.com/u/5392412243" target="_blank" >
                <i class="icon icon-lg icon-weibo"></i>
                微博
              </a>
            </li>

            <li class="waves-block waves-effect">
              <a href="https://github.com/zhangti0708" target="_blank" >
                <i class="icon icon-lg icon-github"></i>
                开源地址
              </a>
            </li>

            <li class="waves-block waves-effect">
              <a href="https://blog.csdn.net/weixin_40902527" target="_blank" >
                <i class="icon icon-lg icon-rss"></i>
                技术博客
              </a>
            </li>

            <li class="waves-block waves-effect">
              <a href="http://zhangticcc.gitee.io/webgis/" target="_blank" >
                <i class="icon icon-lg icon-globe"></i>
                GIS案例
              </a>
            </li>

            <li class="waves-block waves-effect">
              <a href="https://mp.weixin.qq.com/s/p4TOhKcr4RZkZWzuMYyBEQ" target="_blank" >
                <i class="icon icon-lg icon-weixin"></i>
                微信订阅号
              </a>
            </li>

      </ul>
    </div>
  </div>
</aside>

    <main id="main">
        <header class="top-header" id="header">
    <div class="flex-row">
        <a href="javascript:;" class="header-icon waves-effect waves-circle waves-light on" id="menu-toggle">
          <i class="icon icon-lg icon-navicon"></i>
        </a>
        <div class="flex-col header-title ellipsis">一只咸鱼</div>

        <div class="search-wrap" id="search-wrap">
            <a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="back">
                <i class="icon icon-lg icon-chevron-left"></i>
            </a>
            <input type="text" id="key" class="search-input" autocomplete="off" placeholder="输入感兴趣的关键字">
            <a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="search">
                <i class="icon icon-lg icon-search"></i>
            </a>
        </div>


        <a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="menuShare">
            <i class="icon icon-lg icon-share-alt"></i>
        </a>

    </div>
</header>
<header class="content-header index-header">

    <div class="container fade-scale">
        <h1 class="title">一只咸鱼</h1>
        <h5 class="subtitle">

                努力学习最新姿势！！！

        </h5>
    </div>


</header>

<div class="container body-wrap">

    <ul class="post-list">

        <li class="post-list-item fade">
            <article id="post-cesium-警情分析城市火灾模拟"
  class="article-card article-type-post" itemprop="blogPost">

    <div class="post-meta">
        <time class="post-time" title="2020-06-18 17:57:00" datetime="2020-06-18T09:57:00.000Z"  itemprop="datePublished">2020-06-18</time>


	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/Cesium/">Cesium</a></li></ul>


    </div>


    <h3 class="post-title" itemprop="name">
      <a class="post-title-link" href="/2020/06/18/cesium-%E8%AD%A6%E6%83%85%E5%88%86%E6%9E%90%E5%9F%8E%E5%B8%82%E7%81%AB%E7%81%BE%E6%A8%A1%E6%8B%9F/">cesium | 警情分析城市火灾模拟示例</a>
    </h3>


    <div class="post-content" id="post-content" itemprop="postContent">


        效果火灾


积水
在线地址：点击访问


        <a href="/2020/06/18/cesium-%E8%AD%A6%E6%83%85%E5%88%86%E6%9E%90%E5%9F%8E%E5%B8%82%E7%81%AB%E7%81%BE%E6%A8%A1%E6%8B%9F/" class="post-more waves-effect waves-button">
            阅读全文…
        </a>
    </div>

    <div class="post-footer">

	<ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/GIS/" rel="tag">GIS</a></li></ul>

    </div>

</article>

        </li>

        <li class="post-list-item fade">
            <article id="post-cesium-自定义雷达探测传感器效果"
  class="article-card article-type-post" itemprop="blogPost">

    <div class="post-meta">
        <time class="post-time" title="2020-05-28 11:41:00" datetime="2020-05-28T03:41:00.000Z"  itemprop="datePublished">2020-05-28</time>


	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/GIS/">GIS</a></li></ul>


    </div>


    <h3 class="post-title" itemprop="name">
      <a class="post-title-link" href="/2020/05/28/cesium-%E8%87%AA%E5%AE%9A%E4%B9%89%E9%9B%B7%E8%BE%BE%E6%8E%A2%E6%B5%8B%E4%BC%A0%E6%84%9F%E5%99%A8%E6%95%88%E6%9E%9C/">[cesium]自定义雷达探测传感器效果</a>
    </h3>


    <div class="post-content" id="post-content" itemprop="postContent">


        效果简单粗暴直接上效果
相控雷达传感器


球形相控雷达传感器


信息传输


卫星视锥


雷达跟踪


雷达探测


雷达测控


空间网


插件地址：github地址


        <a href="/2020/05/28/cesium-%E8%87%AA%E5%AE%9A%E4%B9%89%E9%9B%B7%E8%BE%BE%E6%8E%A2%E6%B5%8B%E4%BC%A0%E6%84%9F%E5%99%A8%E6%95%88%E6%9E%9C/" class="post-more waves-effect waves-button">
            阅读全文…
        </a>
    </div>

    <div class="post-footer">

	<ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Cesium/" rel="tag">Cesium</a></li></ul>

    </div>

</article>

        </li>

        <li class="post-list-item fade">
            <article id="post-cesium-新版本czm内置函数更换"
  class="article-card article-type-post" itemprop="blogPost">

    <div class="post-meta">
        <time class="post-time" title="2020-05-28 11:22:00" datetime="2020-05-28T03:22:00.000Z"  itemprop="datePublished">2020-05-28</time>


	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/GIS/">GIS</a></li></ul>


    </div>


    <h3 class="post-title" itemprop="name">
      <a class="post-title-link" href="/2020/05/28/cesium-%E6%96%B0%E7%89%88%E6%9C%ACczm%E5%86%85%E7%BD%AE%E5%87%BD%E6%95%B0%E6%9B%B4%E6%8D%A2/">[cesium]新版本czm内置函数更换</a>
    </h3>


    <div class="post-content" id="post-content" itemprop="postContent">


        前言1记录修改shader和cesium版本迭代替换的一些变量函数。

替换czm_phong12341.5x 之前gl_FragColor &#x3D; czm_phong(normalize(positionToEyeEC), material)

12341.6x 之后gl_FragColor &#x3D; czm_phong(normalize(positionToEyeEC), m...


        <a href="/2020/05/28/cesium-%E6%96%B0%E7%89%88%E6%9C%ACczm%E5%86%85%E7%BD%AE%E5%87%BD%E6%95%B0%E6%9B%B4%E6%8D%A2/" class="post-more waves-effect waves-button">
            阅读全文…
        </a>
    </div>

    <div class="post-footer">

	<ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Cesium/" rel="tag">Cesium</a></li></ul>

    </div>

</article>

        </li>

        <li class="post-list-item fade">
            <article id="post-cesium-基于cesium城市效果"
  class="article-card article-type-post" itemprop="blogPost">

    <div class="post-meta">
        <time class="post-time" title="2020-05-26 18:46:00" datetime="2020-05-26T10:46:00.000Z"  itemprop="datePublished">2020-05-26</time>


	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/GIS/">GIS</a></li></ul>


    </div>


    <h3 class="post-title" itemprop="name">
      <a class="post-title-link" href="/2020/05/26/cesium-%E5%9F%BA%E4%BA%8Ecesium%E5%9F%8E%E5%B8%82%E6%95%88%E6%9E%9C/">[cesium]基于cesium城市效果示例</a>
    </h3>


    <div class="post-content" id="post-content" itemprop="postContent">


        效果效果1
效果2
材质动态泛光墙


流动粒子线
od线
说明用的城市白膜，更具不同高度定义颜色
动态效果是自定义的材质和扩散扫描的效果
后续准备加入一些three定义图形
在线地址：点击访问


        <a href="/2020/05/26/cesium-%E5%9F%BA%E4%BA%8Ecesium%E5%9F%8E%E5%B8%82%E6%95%88%E6%9E%9C/" class="post-more waves-effect waves-button">
            阅读全文…
        </a>
    </div>

    <div class="post-footer">

	<ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Cesium/" rel="tag">Cesium</a></li></ul>

    </div>

</article>

        </li>

        <li class="post-list-item fade">
            <article id="post-threeJs-开源示例和可视化"
  class="article-card article-type-post" itemprop="blogPost">

    <div class="post-meta">
        <time class="post-time" title="2020-05-25 19:42:00" datetime="2020-05-25T11:42:00.000Z"  itemprop="datePublished">2020-05-25</time>


	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/WebGl/">WebGl</a></li></ul>


    </div>


    <h3 class="post-title" itemprop="name">
      <a class="post-title-link" href="/2020/05/25/threeJs-%E5%BC%80%E6%BA%90%E7%A4%BA%E4%BE%8B%E5%92%8C%E5%8F%AF%E8%A7%86%E5%8C%96/">threeJs|开源示例和可视化 (1)</a>
    </h3>


    <div class="post-content" id="post-content" itemprop="postContent">


        前言1234567891011OpenGL大概许多人都有所耳闻，它是最常用的跨平台图形库。WebGL是基于OpenGL设计的面向web的图形标准，提供了一系列JavaScript API，通过这些API进行图形渲染将得以利用图形硬件从而获得较高性能。 而Three.js是通过对WebGL接口的封装与简化而形成的一个易用的图形库。简单点的说法：WebGL可以看成是浏览器给我们提供的接口，在ja...


        <a href="/2020/05/25/threeJs-%E5%BC%80%E6%BA%90%E7%A4%BA%E4%BE%8B%E5%92%8C%E5%8F%AF%E8%A7%86%E5%8C%96/" class="post-more waves-effect waves-button">
            阅读全文…
        </a>
    </div>

    <div class="post-footer">

	<ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/ThreeJs/" rel="tag">ThreeJs</a></li></ul>

    </div>

</article>

        </li>

        <li class="post-list-item fade">
            <article id="post-cesium-自定义材质泛光面"
  class="article-card article-type-post" itemprop="blogPost">

    <div class="post-meta">
        <time class="post-time" title="2020-05-18 15:31:00" datetime="2020-05-18T07:31:00.000Z"  itemprop="datePublished">2020-05-18</time>


	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/GIS/">GIS</a></li></ul>


    </div>


    <h3 class="post-title" itemprop="name">
      <a class="post-title-link" href="/2020/05/18/cesium-%E8%87%AA%E5%AE%9A%E4%B9%89%E6%9D%90%E8%B4%A8%E6%B3%9B%E5%85%89%E9%9D%A2/">cesium | 自定义材质泛光面</a>
    </h3>


    <div class="post-content" id="post-content" itemprop="postContent">


        效果


实现1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889const DEF_OPT &#x3D...


        <a href="/2020/05/18/cesium-%E8%87%AA%E5%AE%9A%E4%B9%89%E6%9D%90%E8%B4%A8%E6%B3%9B%E5%85%89%E9%9D%A2/" class="post-more waves-effect waves-button">
            阅读全文…
        </a>
    </div>

    <div class="post-footer">

	<ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Cesium/" rel="tag">Cesium</a></li></ul>

    </div>

</article>

        </li>

        <li class="post-list-item fade">
            <article id="post-随笔-资料整合"
  class="article-card article-type-post" itemprop="blogPost">

    <div class="post-meta">
        <time class="post-time" title="2020-04-30 20:03:00" datetime="2020-04-30T12:03:00.000Z"  itemprop="datePublished">2020-04-30</time>


	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/%E9%9A%8F%E7%AC%94/">随笔</a></li></ul>


    </div>


    <h3 class="post-title" itemprop="name">
      <a class="post-title-link" href="/2020/04/30/%E9%9A%8F%E7%AC%94-%E8%B5%84%E6%96%99%E6%95%B4%E5%90%88/">随笔| web资料整合</a>
    </h3>


    <div class="post-content" id="post-content" itemprop="postContent">


    一. 知识体系:


综合类前端知识体系
前端知识结构
Web前端开发大系概览
Web前端开发大系概览-中文版
Web Front-end Stack v2.2
免费的编程中文书籍索引
前端书籍
前端免费书籍大全
前端知识体系
免费的编程中文书籍索引
智能社 - 精通JavaScript开发
重新介绍 JavaScript（JS 教程）
麻省理工学院公开课：计算机科学及编程导论
J...


        <a href="/2020/04/30/%E9%9A%8F%E7%AC%94-%E8%B5%84%E6%96%99%E6%95%B4%E5%90%88/" class="post-more waves-effect waves-button">
            阅读全文…
        </a>
    </div>

    <div class="post-footer">

	<ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/web/" rel="tag">web</a></li></ul>

    </div>

</article>

        </li>

        <li class="post-list-item fade">
            <article id="post-Vue-基于Vue的webGIS展示"
  class="article-card article-type-post" itemprop="blogPost">

    <div class="post-meta">
        <time class="post-time" title="2020-04-27 13:27:00" datetime="2020-04-27T05:27:00.000Z"  itemprop="datePublished">2020-04-27</time>


	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/GIS/">GIS</a></li></ul>


    </div>


    <h3 class="post-title" itemprop="name">
      <a class="post-title-link" href="/2020/04/27/Vue-%E5%9F%BA%E4%BA%8EVue%E7%9A%84webGIS%E5%B1%95%E7%A4%BA/">Vue|基于Vue的webGIS展示</a>
    </h3>


    <div class="post-content" id="post-content" itemprop="postContent">


        前言对之前那版的三维gis示例修改重构，使用vue+elementui集成。展示一些基础功能和拓展功能，部分拓展功能为开放。对每个示例加入一些基本操作，模型查看，场景调整等。
效果图1. 地图


2. 控件 数据

3. 三维效果 功能

4. 空间分析 数据可视化

5. 示例示例1

示例2

示例3

示例4

示例5

示例6

示例7

示例8

示例9

示例10


以前的版...


        <a href="/2020/04/27/Vue-%E5%9F%BA%E4%BA%8EVue%E7%9A%84webGIS%E5%B1%95%E7%A4%BA/" class="post-more waves-effect waves-button">
            阅读全文…
        </a>
    </div>

    <div class="post-footer">

	<ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Cesium/" rel="tag">Cesium</a></li></ul>

    </div>

</article>

        </li>

        <li class="post-list-item fade">
            <article id="post-webGL-webgl2-0工作原理-转"
  class="article-card article-type-post" itemprop="blogPost">

    <div class="post-meta">
        <time class="post-time" title="2020-04-27 12:36:00" datetime="2020-04-27T04:36:00.000Z"  itemprop="datePublished">2020-04-27</time>


	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/%E9%9A%8F%E7%AC%94/">随笔</a></li></ul>


    </div>


    <h3 class="post-title" itemprop="name">
      <a class="post-title-link" href="/2020/04/27/webGL-webgl2-0%E5%B7%A5%E4%BD%9C%E5%8E%9F%E7%90%86-%E8%BD%AC/">webGL|webgl2.0工作原理[转]</a>
    </h3>


    <div class="post-content" id="post-content" itemprop="postContent">


        WebGL2 工作原理看了这个文章会让你更知道怎么写 WebGL 代码而已。  原理细节远远不够， 更多的细节应该是看Opengl ，图形渲染管线， CPU与GPU通信， GPU流水线 。
WebGL 工作原理我们需要探讨一下WebGL在GPU上究竟做了什么。WebGL在GPU上的工作基本上分为两部分，第一部分是将顶点（或数据流）转换到裁剪空间坐标， 第二部分是基于第一部分的结果绘制像素点...


        <a href="/2020/04/27/webGL-webgl2-0%E5%B7%A5%E4%BD%9C%E5%8E%9F%E7%90%86-%E8%BD%AC/" class="post-more waves-effect waves-button">
            阅读全文…
        </a>
    </div>

    <div class="post-footer">

	<ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/WebGL/" rel="tag">WebGL</a></li></ul>

    </div>

</article>

        </li>

        <li class="post-list-item fade">
            <article id="post-cesium-源码跟读-数据调度"
  class="article-card article-type-post" itemprop="blogPost">

    <div class="post-meta">
        <time class="post-time" title="2020-04-25 23:41:00" datetime="2020-04-25T15:41:00.000Z"  itemprop="datePublished">2020-04-25</time>


	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/%E9%9A%8F%E7%AC%94/">随笔</a></li></ul>


    </div>


    <h3 class="post-title" itemprop="name">
      <a class="post-title-link" href="/2020/04/25/cesium-%E6%BA%90%E7%A0%81%E8%B7%9F%E8%AF%BB-%E6%95%B0%E6%8D%AE%E8%B0%83%E5%BA%A6/">cesium|源码跟读 - cesium的数据调度渲染过程</a>
    </h3>


    <div class="post-content" id="post-content" itemprop="postContent">


        前言学习源码的时候有一个好的学习方案往往能事半功倍。
在跟读源码时定下一个学习目标，记录学习过程。
比如需要了解那个API的初始化过程来作为学习导向。
这篇已cesium如何渲染地形和影像为学习导向来研究cesium的数据调度机制
数据调度之前讲过cesiumWidget如何初始化的，里边说到场景内的数据会自动做每一帧的循环渲染。
startRenderLoop 开始渲染三维窗口内的对象
通...


        <a href="/2020/04/25/cesium-%E6%BA%90%E7%A0%81%E8%B7%9F%E8%AF%BB-%E6%95%B0%E6%8D%AE%E8%B0%83%E5%BA%A6/" class="post-more waves-effect waves-button">
            阅读全文…
        </a>
    </div>

    <div class="post-footer">

	<ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Cesium/" rel="tag">Cesium</a></li></ul>

    </div>

</article>

        </li>

    </ul>


<nav id="page-nav">
    <div class="inner">
    <span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><span class="space">&hellip;</span><a class="page-number" href="/page/5/">5</a><a class="extend next" rel="next" href="/page/2/">下一页</a>
    </div>
</nav>


</div>

        <footer class="footer">
    <div class="top">

<p>
    <span id="busuanzi_container_site_uv" style='display:none'>
        站点总访客数：<span id="busuanzi_value_site_uv"></span>
    </span>
    <span id="busuanzi_container_site_pv" style='display:none'>
        站点总访问量：<span id="busuanzi_value_site_pv"></span>
    </span>
</p>


        <p>

                <span><a href="/atom.xml" target="_blank" class="rss" title="rss"><i class="icon icon-lg icon-rss"></i></a></span>

            <span>博客内容遵循 <a rel="license noopener" href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank">知识共享 署名 - 非商业性 - 相同方式共享 4.0 国际协议</a></span>
        </p>
    </div>
    <div class="bottom">
        <p><span>Mr.Zhang &copy; 2015 - 2020</span>
            <span>

                Power by <a href="http://hexo.io/" target="_blank">Hexo</a> Theme <a href="https://github.com/yscoder/hexo-theme-indigo" target="_blank">indigo</a>
            </span>
        </p>
    </div>
</footer>

    </main>
    <div class="mask" id="mask"></div>
<a href="javascript:;" id="gotop" class="waves-effect waves-circle waves-light"><span class="icon icon-lg icon-chevron-up"></span></a>


<div class="global-share" id="globalShare">
    <ul class="reset share-icons">
      <li>
        <a class="weibo share-sns" target="_blank" href="http://service.weibo.com/share/share.php?url=http://yoursite.com/&title=一只咸鱼&pic=http://yoursite.com/img/avatar.jpg" data-title="微博">
          <i class="icon icon-weibo"></i>
        </a>
      </li>
      <li>
        <a class="weixin share-sns wxFab" href="javascript:;" data-title="微信">
          <i class="icon icon-weixin"></i>
        </a>
      </li>
      <li>
        <a class="qq share-sns" target="_blank" href="http://connect.qq.com/widget/shareqq/index.html?url=http://yoursite.com/&title=一只咸鱼&source=分享各种福利和姿势..." data-title=" QQ">
          <i class="icon icon-qq"></i>
        </a>
      </li>
      <li>
        <a class="facebook share-sns" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http://yoursite.com/" data-title=" Facebook">
          <i class="icon icon-facebook"></i>
        </a>
      </li>
      <li>
        <a class="twitter share-sns" target="_blank" href="https://twitter.com/intent/tweet?text=一只咸鱼&url=http://yoursite.com/&via=http://yoursite.com" data-title=" Twitter">
          <i class="icon icon-twitter"></i>
        </a>
      </li>
      <li>
        <a class="google share-sns" target="_blank" href="https://plus.google.com/share?url=http://yoursite.com/" data-title=" Google+">
          <i class="icon icon-google-plus"></i>
        </a>
      </li>
    </ul>
 </div>


<div class="page-modal wx-share" id="wxShare">
    <a class="close" href="javascript:;"><i class="icon icon-close"></i></a>
    <p>扫一扫，分享到微信</p>
    <img src="//api.qrserver.com/v1/create-qr-code/?data=http://yoursite.com/" alt="微信分享二维码">
</div>


    <script src="//cdn.bootcss.com/node-waves/0.7.4/waves.min.js"></script>
<script>
var BLOG = { ROOT: '/', SHARE: true, REWARD: false };


</script>

<script src="//unpkg.com/hexo-theme-material-indigo@latest/js/main.min.js"></script>


<div class="search-panel" id="search-panel">
    <ul class="search-result" id="search-result"></ul>
</div>
<template id="search-tpl">
<li class="item">
    <a href="{path}" class="waves-block waves-effect">
        <div class="title ellipsis" title="{title}">{title}</div>
        <div class="flex-row flex-middle">
            <div class="tags ellipsis">
                {tags}
            </div>
            <time class="flex-col time">{date}</time>
        </div>
    </a>
</li>
</template>

<script src="//unpkg.com/hexo-theme-material-indigo@latest/js/search.min.js" async></script>


<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>


<script>
(function() {
    var OriginTitile = document.title, titleTime;
    document.addEventListener('visibilitychange', function() {
        if (document.hidden) {
            document.title = '死鬼去哪里了！';
            clearTimeout(titleTime);
        } else {
            document.title = '(つェ⊂)咦!又好了!';
            titleTime = setTimeout(function() {
                document.title = OriginTitile;
            },2000);
        }
    });
})();
</script>


</body>
</html>