index.html

<!DOCTYPE HTML>
<html lang="zh-CN">


<head><meta name="generator" content="Hexo 3.9.0">
    <meta charset="utf-8">
    <meta name="keywords" content="WillHappy">
    <meta name="description" content="WillHappy">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit|ie-stand|ie-comp">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <title>WillHappy</title>
    <link rel="icon" type="image/png" href="http://oss.willhappy.cn/private/pic-%E5%A4%B4%E5%83%8F4-%E9%80%8F%E6%98%8E.png">

    <link rel="stylesheet" type="text/css" href="/libs/awesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/materialize/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/aos/aos.css">
    <link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/lightGallery/css/lightgallery.min.css">
    <link rel="stylesheet" type="text/css" href="/css/matery.css">
    <link rel="stylesheet" type="text/css" href="/css/my.css">
    <style type="text/css">
        
    </style>

    <script src="/libs/jquery/jquery-2.2.0.min.js"></script>

    <!-- 支持各视频类型js -->
    <script src="https://cdn.bootcss.com/flv.js/1.5.0/flv.min.js"></script>
    <script src="https://cdn.bootcss.com/hls.js/8.0.0-beta.3/hls.min.js"></script>
    <script src="https://cdn.bootcss.com/dashjs/3.0.0/dash.all.min.js"></script>
    <script src="https://cdn.bootcss.com/webtorrent/0.107.3/webtorrent.min.js"></script>

    <!-- 百度统计 -->
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?aa4349e706e4d8d729a94c2f879190d7";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
    </script>
    
    <!-- 腾讯分析 -->
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=66478330" charset="UTF-8"></script>

<link rel="stylesheet" href="/css/prism-tomorrow.css" type="text/css"></head>


<style type="text/css">
  /* don't remove. */
  #daodream-container .daodream-launcher-enabled {
    display: none;
  }
  #live2d-widget {
    visibility:hidden;
  }
</style>

<body>

<header class="navbar-fixed">
    <nav id="headNav" class="bg-color nav-transparent">
        <div id="navContainer" class="nav-wrapper container">
            <div class="brand-logo mobile-wd65">
                <a href="/" class="waves-effect waves-light">
                    
                    <img src="http://oss.willhappy.cn/private/pic-%E5%A4%B4%E5%83%8F4-%E9%80%8F%E6%98%8E.png" class="logo-img" alt="LOGO">
                    
                    <span class="logo-span">WillHappy</span>
                </a>
            </div>
            

<a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fa fa-navicon"></i></a>
<ul class="right">
    
    <li class="hide-on-med-and-down">
        <a href="/" class="waves-effect waves-light">
            
            <i class="fa fa-home"></i>
            
            <span>首页</span>
        </a>
    </li>
    
    <li class="hide-on-med-and-down">
        <a href="/tags" class="waves-effect waves-light">
            
            <i class="fa fa-tags"></i>
            
            <span>标签</span>
        </a>
    </li>
    
    <li class="hide-on-med-and-down">
        <a href="/categories" class="waves-effect waves-light">
            
            <i class="fa fa-bookmark"></i>
            
            <span>分类</span>
        </a>
    </li>
    
    <li class="hide-on-med-and-down">
        <a href="/archives" class="waves-effect waves-light">
            
            <i class="fa fa-archive"></i>
            
            <span>归档</span>
        </a>
    </li>
    
    <li class="hide-on-med-and-down">
        <a href="/about" class="waves-effect waves-light">
            
            <i class="fa fa-user-circle-o"></i>
            
            <span>关于</span>
        </a>
    </li>
    
    <li class="hide-on-med-and-down">
        <a href="/friends" class="waves-effect waves-light">
            
            <i class="fa fa-address-book"></i>
            
            <span>友情链接</span>
        </a>
    </li>
    
    <li>
        <a href="#searchModal" class="modal-trigger waves-effect waves-light">
            <i id="searchIcon" class="fa fa-search" title="搜索"></i>
        </a>
    </li>
</ul>

<div id="mobile-nav" class="side-nav sidenav">

    <div class="mobile-head bg-color">
        
        <img src="http://oss.willhappy.cn/private/pic-%E5%A4%B4%E5%83%8F4-%E9%80%8F%E6%98%8E.png" class="logo-img circle responsive-img">
        
        <div class="logo-name">WillHappy</div>
        <div class="logo-desc">
            
            Know the world, Find yourself
            
        </div>
    </div>

    
    <ul class="menu-list mobile-menu-list">
        
        <li>
            <a href="/" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-home"></i>
                
                首页
            </a>
        </li>
        
        <li>
            <a href="/tags" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-tags"></i>
                
                标签
            </a>
        </li>
        
        <li>
            <a href="/categories" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-bookmark"></i>
                
                分类
            </a>
        </li>
        
        <li>
            <a href="/archives" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-archive"></i>
                
                归档
            </a>
        </li>
        
        <li>
            <a href="/about" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-user-circle-o"></i>
                
                关于
            </a>
        </li>
        
        <li>
            <a href="/friends" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-address-book"></i>
                
                友情链接
            </a>
        </li>
        
        
        <li><div class="divider"></div></li>
        <li>
            <a href="https://github.com/williamHappy/williamHappy.github.io" class="waves-effect waves-light" target="_blank">
                <i class="fa fa-github-square fa-fw"></i>Fork Me
            </a>
        </li>
        
    </ul>
</div>

        </div>

        
            <style>
    .nav-transparent .github-corner {
        display: none !important;
    }

    .github-corner {
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        border: 0;
        transform: scale(1.1);
    }

    .github-corner svg {
        color: #ac80b8;
        fill: #fff;
        height: 64px;
        width: 64px;
    }

    .github-corner:hover .octo-arm {
        animation: a 0.56s ease-in-out;
    }

    .github-corner .octo-arm {
        animation: none;
    }

    @keyframes a {
        0%,
        to {
            transform: rotate(0);
        }
        20%,
        60% {
            transform: rotate(-25deg);
        }
        40%,
        80% {
            transform: rotate(10deg);
        }
    }
</style>

<a href="https://github.com/williamHappy/williamHappy.github.io" class="github-corner tooltipped hide-on-med-and-down" target="_blank"
   data-tooltip="Fork Me" data-position="left" data-delay="50">
    <svg viewBox="0 0 250 250" aria-hidden="true">
        <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
        <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
              fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
        <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
              fill="currentColor" class="octo-body"></path>
    </svg>
</a>
        
    </nav>

</header>


<style>
    .carousel-control {
        width: 45px;
        height: 45px;
        line-height: 55px;
        border-radius: 45px;
        background: transparent;
        cursor: pointer;
        z-index: 100;
    }

    #prev-cover {
        position: absolute;
        top: 48%;
        left: 8px;
    }

    #next-cover {
        position: absolute;
        top: 48%;
        right: 8px;;
    }

    #prev-cover i {
        margin-right: 3px;
    }

    #next-cover i {
        margin-left: 3px;
    }

    .carousel-control:hover {
        background-color:rgba(0, 0, 0, .4);
    }

    .carousel-control i {
        color: #fff;
        font-size: 2.4rem;
    }
</style>


<div class="carousel carousel-slider center index-cover" data-indicators="true" style="margin-top: -64px;">
    

    <div class="carousel-item red white-text bg-cover about-cover">
        <div class="container">
            <div class="row">
    <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
        <div class="brand">
            <div class="title center-align">
                
                    水火
                
            </div>

            <div class="description center-align">
                
                    Know the world, Find yourself
                
            </div>
        </div>
    </div>
</div>
<script>
// 每天切换 banner 图.  Switch banner image every day.
$('.bg-cover').css('background-image', 'url(/medias/banner/' + new Date().getDay() + '.jpg)');
</script>

            <div class="cover-btns">
                <a href="#indexCard" class="waves-effect waves-light btn">
                    <i class="fa fa-angle-double-down"></i>开始阅读
                </a>

                
                <a href="https://github.com/williamHappy/williamHappy.github.io" class="waves-effect waves-light btn" target="_blank">
                    <i class="fa fa-github-alt"></i>Github
                </a>
                
            </div>
            <div class="cover-social-link">


    <a href="https://github.com/williamHappy" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
        <i class="fa fa-github"></i>
    </a>


    <a href="mailto:ctwang1994@163.com" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
        <i class="fa fa-envelope-open"></i>
    </a>


    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=583876674" class="tooltipped" data-tooltip="QQ联系我: 583876674" data-position="top" data-delay="50">
        <i class="fa fa-qq"></i>
    </a>


    <a href="http://oss.willhappy.cn/private/wechat_url.jpg" class="tooltipped" target="_blank" data-position="top" data-delay="50">
        <i class="fa fa-wechat"></i>
    </a>


    <a href="https://weibo.com/williamhappy" class="tooltipped" target="_blank" data-position="top" data-delay="50">
        <i class="fa fa-weibo"></i>
    </a>


    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
        <i class="fa fa-rss"></i>
    </a>
</div>
        </div>
    </div>

    
</div>

<script>
$(function () {
    let coverSlider = $('.carousel');
    coverSlider.carousel({
        duration: Number('120'),
        fullWidth: true,
        indicators: 'true' === 'true'
    });

    let carouselIntervalId;
    
    // Loop to call the next cover article picture.
    let autoCarousel = function() {
        carouselIntervalId = setInterval(function () {
            coverSlider.carousel('next');
        }, 5000);
    };
    autoCarousel();
    

    let restartPlay = function () {
        
        clearInterval(carouselIntervalId);
        autoCarousel();
        
    };

    
    // prev and next cover post.
    $('#prev-cover').click(function () {
        coverSlider.carousel('prev');
        restartPlay();
    });
    $('#next-cover').click(function () {
        coverSlider.carousel('next');
        restartPlay();
    });
    
});
</script>


<main class="content">

    
    <div id="indexCard" class="index-card">
        <div class="container ">
            
                <div class="card">
                    <div class="card-content">
                        <div class="dream">
    
    <div class="title center-align">
        <i class="fa fa-lightbulb-o"></i>&nbsp;&nbsp;Motto
    </div>
    
    <div class="row">
        <div class="col l8 offset-l2 m10 offset-m1 s10 offset-s1 center-align text">
            当你真正接受一个事物时，那她就是这个世界上最美好的东西。
        </div>
    </div>
</div>
                    </div>
                </div>
            
            
                <div class="card">
                    <div class="card-content">
                        <link rel="stylesheet" href="/assets/css/DPlayer.min.css">
<style type="text/css">
    .input-info {
        display: none;
    }
</style>
<div class="video-player">
    
    <div class="title center-align" ondblclick="doubleClick()">
        <i class="fa fa-video-camera"></i>&nbsp;&nbsp;视频剪辑
    </div>
    
    <div class="row">
        <div class="col l8 offset-l2 m10 offset-m1 s12">
            <div class="input-info">
                url:<input type="text" class="input-url" name="input-url" />
                pic:<input type="text" class="input-pic" name="input-pic" />
                <button onclick="palyVideo()">确认切换</button>
            </div>
            <div id="dplayer" class="dplayer-video"
                    ></div>
        </div>
    </div>
</div>

<script src="/assets/js/DPlayer.min.js"></script>
<script>
    var dp;
    $(function () {
       dp = new DPlayer({
            container: document.getElementById('dplayer'),
            live: 'false',
            autoplay: 'false' === 'true',
            theme: '#42b983',
            loop: 'false' === 'true',
            lang: 'zh-CN' === 'zh-CN' ? 'zh-cn' : 'en',
            preload: 'auto',
            volume: Number('0.7'),
            video: {
                url: 'http://oss.willhappy.cn/video/%E8%88%9E%E6%9E%97.mp4',
                type: 'auto',
                pic: '',
                quality: '',
                defaultQuality: '',
                thumbnails: ''
            },
            subtitle: {
                url: '',
                type: '',
                fontSize: '',
                bottom: '',
                color: '',
            },
            danmaku: {
                id: '9E2E3368B56CDBB4',
                api: 'https://api.prprpr.me/dplayer/',
                token: 'tokendemo',
                maximum: '1000',
                addition: 'https://api.prprpr.me/dplayer/v3/bilibili?aid=4157142'.split(','),
                user: 'DIYgod',
                bottom: '15%',
                unlimited: 'true',
            },
        });
    });
    function palyVideo() {
        var input_url = $(".input-url").val()
        var input_pic = $(".input--pic").val()
        dp.switchVideo({
            url: input_url,
            pic: input_pic
        })
    }
    function doubleClick(){
        var $inputInfo = $(".input-info");
        $inputInfo.toggle();
    }

</script>
                    </div>
                </div>
            
            <div class="card">
                <div class="card-content">
                    <div id="recommend-sections" class="recommend">
                        

<div class="title"><i class="fa fa-thumbs-o-up"></i>&nbsp;&nbsp;推荐文章</div>

<div class="row">

    
    <div class="col s12 m6" >
        <div class="post-card" style="background-image: url('/medias/featureimages/20.jpg')">
            <div class="post-body">
                <div class="post-categories">
                    
                    <a href="/categories/tools/" class="category" target="_blank">tools</a>
                    
                </div>
                <a href="/2018/05/04/26-2018-05-04-si-ren-ding-zhi-mac-pei-zhi-pian/" target="_blank">
                    <h3 class="post-title">私人定制--mac配置篇</h3>
                </a>
                <p class="post-description">
                    
                        为什么讲是私人定制呢？ 因为mac从入手， 大部分的软件和环境等都需要自己不断的去更新配置， 可以看到的是， 我们可能后面的环境配置会
                    
                </p>
                <a href="/2018/05/04/26-2018-05-04-si-ren-ding-zhi-mac-pei-zhi-pian/" target="_blank"
                        class="read-more btn waves-effect waves-light" style="background: linear-gradient(to right, #FF5E3A 0%, #FF2A68 100%)">
                    <i class="icon fa fa-eye fa-fw"></i>阅读更多
                </a>
            </div>
        </div>
    </div>
    
    
    <div class="col s12 m6" >
        <div class="post-card" style="background-image: url('/medias/featureimages/22.jpg')">
            <div class="post-body">
                <div class="post-categories">
                    
                    <a href="/categories/后端/" class="category" target="_blank">后端</a>
                    
                </div>
                <a href="/2019/04/01/36-2019-04-01-shen-ru-liao-jie-java-xu-ni-ji/" target="_blank">
                    <h3 class="post-title">深入了解java虚拟机</h3>
                </a>
                <p class="post-description">
                    
                          系统记录jvm相关知识点，形成系统性知识结构。

[toc]
jvm是什么Java虚拟机（英语：Java Virtual Machine
                    
                </p>
                <a href="/2019/04/01/36-2019-04-01-shen-ru-liao-jie-java-xu-ni-ji/" target="_blank"
                        class="read-more btn waves-effect waves-light" style="background: linear-gradient(to right, #EF4DB6 0%, #C643FC 100%)">
                    <i class="icon fa fa-eye fa-fw"></i>阅读更多
                </a>
            </div>
        </div>
    </div>
    

</div>


                    </div>
                </div>
            </div>
        </div>
    </div>
    

    <!-- 所有文章卡片 -->
    <article id="articles" class="container articles">
        <div class="row article-row">
            
            <div class="article col s12 m6 l4" data-aos="zoom-in">
                <div class="card">
                    <a href="/2024/05/12/37-2024-05-12-docker-an-zhuang/">
                        <div class="card-image">
                            
                            
                            <img src="/medias/featureimages/5.jpg" class="responsive-img" alt="docker安装必备软件">
                            
                            <span class="card-title">docker安装必备软件</span>
                        </div>
                    </a>

                    <div class="card-content article-content">
                        <div class="summary block-with-text">
                            
                                  docker 安装软件踩坑。

[toc]
Docker安装MySQL并使用Navicat连接用docker search mysql命令来查看可用版本
拉取最新版本的MySQL镜像：注意：tag是可选的，tag表示标签，多为软件的版本
                            
                        </div>
                        <div class="publish-info">
                            <span class="publish-date">
                                <i class="fa fa-clock-o fa-fw icon-date"></i>2024-05-12
                            </span>
                            <span class="publish-author">
                                
                                <i class="fa fa-bookmark fa-fw icon-category"></i>
                                
                                <a href="/categories/运维/" class="post-category" target="_blank">
                                    运维
                                </a>
                                
                                
                            </span>
                        </div>
                    </div>

                    
                    <div class="card-action article-tags">
                        
                        <a href="/tags/mysql/" target="_blank">
                            <span class="chip bg-color">mysql</span>
                        </a>
                        
                        <a href="/tags/docker/" target="_blank">
                            <span class="chip bg-color">docker</span>
                        </a>
                        
                    </div>
                    
                </div>
            </div>
            
            <div class="article col s12 m6 l4" data-aos="zoom-in">
                <div class="card">
                    <a href="/2019/06/20/36-2019-06-20-fen-bu-shi-bu-shu-wen-ti-xiao-ji/">
                        <div class="card-image">
                            
                            
                            <img src="/medias/featureimages/10.jpg" class="responsive-img" alt="部署相关小记">
                            
                            <span class="card-title">部署相关小记</span>
                        </div>
                    </a>

                    <div class="card-content article-content">
                        <div class="summary block-with-text">
                            
                                  一次项目分布式部署，遇到相关问题的总结笔记。

[toc]
服务器结构图：

springboot jar启动应用这个主要是在部署上层业务平台时遇到配置文件反复修改时需要重新打包，比较麻烦，所以建议，将配置文件外置，可直接服务器上修改。
                            
                        </div>
                        <div class="publish-info">
                            <span class="publish-date">
                                <i class="fa fa-clock-o fa-fw icon-date"></i>2019-06-20
                            </span>
                            <span class="publish-author">
                                
                                <i class="fa fa-bookmark fa-fw icon-category"></i>
                                
                                <a href="/categories/运维/" class="post-category" target="_blank">
                                    运维
                                </a>
                                
                                
                            </span>
                        </div>
                    </div>

                    
                    <div class="card-action article-tags">
                        
                        <a href="/tags/Linux/" target="_blank">
                            <span class="chip bg-color">Linux</span>
                        </a>
                        
                        <a href="/tags/java/" target="_blank">
                            <span class="chip bg-color">java</span>
                        </a>
                        
                        <a href="/tags/https/" target="_blank">
                            <span class="chip bg-color">https</span>
                        </a>
                        
                    </div>
                    
                </div>
            </div>
            
            <div class="article col s12 m6 l4" data-aos="zoom-in">
                <div class="card">
                    <a href="/2019/04/01/36-2019-04-01-shen-ru-liao-jie-java-xu-ni-ji/">
                        <div class="card-image">
                            
                            
                            <img src="/medias/featureimages/22.jpg" class="responsive-img" alt="深入了解java虚拟机">
                            
                            <span class="card-title">深入了解java虚拟机</span>
                        </div>
                    </a>

                    <div class="card-content article-content">
                        <div class="summary block-with-text">
                            
                                  系统记录jvm相关知识点，形成系统性知识结构。

[toc]
jvm是什么Java虚拟机（英语：Java Virtual Machine，缩写为JVM），一种能够运行Java bytecode的虚拟机，以堆栈结构机器来进行实做。Java
                            
                        </div>
                        <div class="publish-info">
                            <span class="publish-date">
                                <i class="fa fa-clock-o fa-fw icon-date"></i>2019-04-01
                            </span>
                            <span class="publish-author">
                                
                                <i class="fa fa-bookmark fa-fw icon-category"></i>
                                
                                <a href="/categories/后端/" class="post-category" target="_blank">
                                    后端
                                </a>
                                
                                
                            </span>
                        </div>
                    </div>

                    
                    <div class="card-action article-tags">
                        
                        <a href="/tags/interview/" target="_blank">
                            <span class="chip bg-color">interview</span>
                        </a>
                        
                        <a href="/tags/jvm/" target="_blank">
                            <span class="chip bg-color">jvm</span>
                        </a>
                        
                    </div>
                    
                </div>
            </div>
            
            <div class="article col s12 m6 l4" data-aos="zoom-in">
                <div class="card">
                    <a href="/2018/09/13/35-2018-09-13-mysql-quan-wen-suo-yin/">
                        <div class="card-image">
                            
                            
                            <img src="/medias/featureimages/12.jpg" class="responsive-img" alt="mysql全文索引">
                            
                            <span class="card-title">mysql全文索引</span>
                        </div>
                    </a>

                    <div class="card-content article-content">
                        <div class="summary block-with-text">
                            
                                由前面倒排索引延申过来，做一个学习记录，方便以后使用到对大规模文档的关键字搜索服务。

[toc]
前言mysql索引类型
primary 唯一索引，不允许为null
NORMAL 普通非唯一索引
UNIQUE 表示唯一的，不允许重复的索引
                            
                        </div>
                        <div class="publish-info">
                            <span class="publish-date">
                                <i class="fa fa-clock-o fa-fw icon-date"></i>2018-09-13
                            </span>
                            <span class="publish-author">
                                
                                <i class="fa fa-bookmark fa-fw icon-category"></i>
                                
                                <a href="/categories/后端/" class="post-category" target="_blank">
                                    后端
                                </a>
                                
                                
                            </span>
                        </div>
                    </div>

                    
                    <div class="card-action article-tags">
                        
                        <a href="/tags/mysql/" target="_blank">
                            <span class="chip bg-color">mysql</span>
                        </a>
                        
                    </div>
                    
                </div>
            </div>
            
            <div class="article col s12 m6 l4" data-aos="zoom-in">
                <div class="card">
                    <a href="/2018/09/12/34-2018-09-12-sou-suo-yin-qing-suan-fa-dao-pai-suo-yin/">
                        <div class="card-image">
                            
                            
                            <img src="/medias/featureimages/21.jpg" class="responsive-img" alt="搜索引擎算法-倒排索引">
                            
                            <span class="card-title">搜索引擎算法-倒排索引</span>
                        </div>
                    </a>

                    <div class="card-content article-content">
                        <div class="summary block-with-text">
                            
                                由于公司需要从海量的视频资源中快速搜索到相关性高的视频，中间考虑过like的使用，由于需要取得多张表的资源并集，并进行like匹配还有其他条件的匹配，但是这样如果数据量上去的话，查询效率是极低的；然后，后面有同学提到使用维护倒排索引的方案解
                            
                        </div>
                        <div class="publish-info">
                            <span class="publish-date">
                                <i class="fa fa-clock-o fa-fw icon-date"></i>2018-09-12
                            </span>
                            <span class="publish-author">
                                
                                <i class="fa fa-bookmark fa-fw icon-category"></i>
                                
                                <a href="/categories/大数据/" class="post-category" target="_blank">
                                    大数据
                                </a>
                                
                                
                            </span>
                        </div>
                    </div>

                    
                    <div class="card-action article-tags">
                        
                        <a href="/tags/算法/" target="_blank">
                            <span class="chip bg-color">算法</span>
                        </a>
                        
                    </div>
                    
                </div>
            </div>
            
            <div class="article col s12 m6 l4" data-aos="zoom-in">
                <div class="card">
                    <a href="/2018/07/03/31-2018-07-03-gitlab-da-jian-cai-keng-he-ssh-duo-zhang-hu-pei-zhi-jie-du/">
                        <div class="card-image">
                            
                            
                            <img src="/medias/featureimages/19.jpg" class="responsive-img" alt="gitlab搭建端口配置踩坑和ssh多账户配置解读">
                            
                            <span class="card-title">gitlab搭建端口配置踩坑和ssh多账户配置解读</span>
                        </div>
                    </a>

                    <div class="card-content article-content">
                        <div class="summary block-with-text">
                            
                                因为公司刚开展新项目，之前都是使用的svn,现在转成git进行版本控制，虽然自己之前很久开始使用git，但是对于git的https和ssh两种传输方式只是一知半解，也造就了今天发时间去搞清楚这个东西，时间搭了，搞清楚也是值得的，对以后自己工
                            
                        </div>
                        <div class="publish-info">
                            <span class="publish-date">
                                <i class="fa fa-clock-o fa-fw icon-date"></i>2018-07-03
                            </span>
                            <span class="publish-author">
                                
                                <i class="fa fa-bookmark fa-fw icon-category"></i>
                                
                                <a href="/categories/cvs/" class="post-category" target="_blank">
                                    cvs
                                </a>
                                
                                
                            </span>
                        </div>
                    </div>

                    
                    <div class="card-action article-tags">
                        
                        <a href="/tags/git/" target="_blank">
                            <span class="chip bg-color">git</span>
                        </a>
                        
                    </div>
                    
                </div>
            </div>
            
            <div class="article col s12 m6 l4" data-aos="zoom-in">
                <div class="card">
                    <a href="/2018/07/01/32-2018-07-01-share/">
                        <div class="card-image">
                            
                            
                            <img src="/medias/featureimages/0.jpg" class="responsive-img" alt="【转】2018文章分享">
                            
                            <span class="card-title">【转】2018文章分享</span>
                        </div>
                    </a>

                    <div class="card-content article-content">
                        <div class="summary block-with-text">
                            
                                自己查资料阅读到写的比较好的文章分享出来大家一起看。也欢迎大家支持原创！同时也方便自己以后查阅翻看。

[toc]
前言
分享页分为几大类：项目构建,框架,前端,后端等
可在本页面使用Ctrl+F按日期搜索，也可以按主题搜索，ex: 201
                            
                        </div>
                        <div class="publish-info">
                            <span class="publish-date">
                                <i class="fa fa-clock-o fa-fw icon-date"></i>2018-07-01
                            </span>
                            <span class="publish-author">
                                
                                <i class="fa fa-bookmark fa-fw icon-category"></i>
                                
                                <a href="/categories/分享/" class="post-category" target="_blank">
                                    分享
                                </a>
                                
                                
                            </span>
                        </div>
                    </div>

                    
                    <div class="card-action article-tags">
                        
                        <a href="/tags/articles/" target="_blank">
                            <span class="chip bg-color">articles</span>
                        </a>
                        
                    </div>
                    
                </div>
            </div>
            
            <div class="article col s12 m6 l4" data-aos="zoom-in">
                <div class="card">
                    <a href="/2018/06/15/33-2018-06-15-qian-duan-ji-chu-gui-jie/">
                        <div class="card-image">
                            
                            
                            <img src="/medias/featureimages/15.jpg" class="responsive-img" alt="前端基础知识工作归结">
                            
                            <span class="card-title">前端基础知识工作归结</span>
                        </div>
                    </a>

                    <div class="card-content article-content">
                        <div class="summary block-with-text">
                            
                                
[toc]
前言由于工作需要，所以巩固一下前端的基础知识，因为不是专职前端coder，所以补的都是基础的基础，勿喷…😭
1. jquery给动态生成的元素添加绑定事件$(parentSelector).on('event', child
                            
                        </div>
                        <div class="publish-info">
                            <span class="publish-date">
                                <i class="fa fa-clock-o fa-fw icon-date"></i>2018-06-15
                            </span>
                            <span class="publish-author">
                                
                                <i class="fa fa-bookmark fa-fw icon-category"></i>
                                
                                <a href="/categories/前端/" class="post-category" target="_blank">
                                    前端
                                </a>
                                
                                
                            </span>
                        </div>
                    </div>

                    
                    <div class="card-action article-tags">
                        
                        <a href="/tags/基础/" target="_blank">
                            <span class="chip bg-color">基础</span>
                        </a>
                        
                    </div>
                    
                </div>
            </div>
            
            <div class="article col s12 m6 l4" data-aos="zoom-in">
                <div class="card">
                    <a href="/2018/06/13/30-2018-06-13-zhu-ye-bu-shu-docker-ng-tomcat-https/">
                        <div class="card-image">
                            
                            
                            <img src="/medias/featureimages/7.jpg" class="responsive-img" alt="主页部署docker+ng+tomcat+https">
                            
                            <span class="card-title">主页部署docker+ng+tomcat+https</span>
                        </div>
                    </a>

                    <div class="card-content article-content">
                        <div class="summary block-with-text">
                            
                                上一章docker初识结合docker的文档，将博客主页所需的生产环境镜像及容器准备好了，这一章主要是写一些在博客部署到线上时出现的一些问题，从而对使用容器部署有一个更深层次的理解。

[toc]
前言之前想着是使用一个纯净的linux镜像
                            
                        </div>
                        <div class="publish-info">
                            <span class="publish-date">
                                <i class="fa fa-clock-o fa-fw icon-date"></i>2018-06-13
                            </span>
                            <span class="publish-author">
                                
                                <i class="fa fa-bookmark fa-fw icon-category"></i>
                                
                                <a href="/categories/运维/" class="post-category" target="_blank">
                                    运维
                                </a>
                                
                                
                            </span>
                        </div>
                    </div>

                    
                    <div class="card-action article-tags">
                        
                        <a href="/tags/Linux/" target="_blank">
                            <span class="chip bg-color">Linux</span>
                        </a>
                        
                        <a href="/tags/https/" target="_blank">
                            <span class="chip bg-color">https</span>
                        </a>
                        
                        <a href="/tags/docker/" target="_blank">
                            <span class="chip bg-color">docker</span>
                        </a>
                        
                        <a href="/tags/nginx/" target="_blank">
                            <span class="chip bg-color">nginx</span>
                        </a>
                        
                    </div>
                    
                </div>
            </div>
            
            <div class="article col s12 m6 l4" data-aos="zoom-in">
                <div class="card">
                    <a href="/2018/06/11/29-2018-06-11-docker-chu-shi/">
                        <div class="card-image">
                            
                            
                            <img src="/medias/featureimages/21.jpg" class="responsive-img" alt="docker初识（博客环境准备）">
                            
                            <span class="card-title">docker初识（博客环境准备）</span>
                        </div>
                    </a>

                    <div class="card-content article-content">
                        <div class="summary block-with-text">
                            
                                为什么要开始学习docker呢？主要是自己博客home页部署在同事的阿里云上，但是，目前他的服务器已经快到期，所以我要对我的主页迁移，但是想到重现搭建生产环境的不确定性，决定研究下docker,同时也方便以后博客主页的迁移，也没必要为生产环
                            
                        </div>
                        <div class="publish-info">
                            <span class="publish-date">
                                <i class="fa fa-clock-o fa-fw icon-date"></i>2018-06-11
                            </span>
                            <span class="publish-author">
                                
                                <i class="fa fa-bookmark fa-fw icon-category"></i>
                                
                                <a href="/categories/运维/" class="post-category" target="_blank">
                                    运维
                                </a>
                                
                                
                            </span>
                        </div>
                    </div>

                    
                    <div class="card-action article-tags">
                        
                        <a href="/tags/Linux/" target="_blank">
                            <span class="chip bg-color">Linux</span>
                        </a>
                        
                        <a href="/tags/docker/" target="_blank">
                            <span class="chip bg-color">docker</span>
                        </a>
                        
                    </div>
                    
                </div>
            </div>
            
            <div class="article col s12 m6 l4" data-aos="zoom-in">
                <div class="card">
                    <a href="/2018/05/29/28-2018-05-09-git-jin-jie-li-cheng/">
                        <div class="card-image">
                            
                            
                            <img src="/medias/featureimages/18.jpg" class="responsive-img" alt="git进阶历程">
                            
                            <span class="card-title">git进阶历程</span>
                        </div>
                    </a>

                    <div class="card-content article-content">
                        <div class="summary block-with-text">
                            
                                前面的git养成日记中已经学习了git的基本的操作了，关键是养成使用git的习惯，那为什么还会有这篇文章呢？是因为我在使用git的过程中，也遇到了问题，所以写这篇文章是记录下自己的问题解决和需求的解决。

[toc]
前言git高阶教程参考
                            
                        </div>
                        <div class="publish-info">
                            <span class="publish-date">
                                <i class="fa fa-clock-o fa-fw icon-date"></i>2018-05-29
                            </span>
                            <span class="publish-author">
                                
                                <i class="fa fa-bookmark fa-fw icon-category"></i>
                                
                                <a href="/categories/cvs/" class="post-category" target="_blank">
                                    cvs
                                </a>
                                
                                
                            </span>
                        </div>
                    </div>

                    
                    <div class="card-action article-tags">
                        
                        <a href="/tags/git/" target="_blank">
                            <span class="chip bg-color">git</span>
                        </a>
                        
                    </div>
                    
                </div>
            </div>
            
            <div class="article col s12 m6 l4" data-aos="zoom-in">
                <div class="card">
                    <a href="/2018/05/06/27-2018-05-06-hexo-zhu-ti-pei-zhi-sheng-ji/">
                        <div class="card-image">
                            
                            
                            <img src="/medias/featureimages/16.jpg" class="responsive-img" alt="hexo主题配置再升级--插件配置">
                            
                            <span class="card-title">hexo主题配置再升级--插件配置</span>
                        </div>
                    </a>

                    <div class="card-content article-content">
                        <div class="summary block-with-text">
                            
                                关于hexo博客搭建的知识请移步GitHub+Hexo搭建个人博客, 主题样式等相对简单，中间也有几次对主题的更改更换，也在版本更新里面做了相应的记录，博客的实用性在于他不断地完善， 对读者更加的友善， 让读者也更感兴趣， 此节就是博客的
                            
                        </div>
                        <div class="publish-info">
                            <span class="publish-date">
                                <i class="fa fa-clock-o fa-fw icon-date"></i>2018-05-06
                            </span>
                            <span class="publish-author">
                                
                                <i class="fa fa-bookmark fa-fw icon-category"></i>
                                
                                <a href="/categories/通用/" class="post-category" target="_blank">
                                    通用
                                </a>
                                
                                
                            </span>
                        </div>
                    </div>

                    
                    <div class="card-action article-tags">
                        
                        <a href="/tags/Github/" target="_blank">
                            <span class="chip bg-color">Github</span>
                        </a>
                        
                        <a href="/tags/hexo/" target="_blank">
                            <span class="chip bg-color">hexo</span>
                        </a>
                        
                    </div>
                    
                </div>
            </div>
            
        </div>
    </article>

</main>


<div class="container paging">
    <div class="row">
        <div class="col s6 m4 l4">
            
            <a class="left btn-floating btn-large disabled">
                <i class="fa fa-angle-left"></i>
            </a>
            
        </div>
        <div class="page-info col m4 l4 hide-on-small-only">
            <div class="center-align b-text-gray">1 / 4</div>
        </div>
        <div class="col s6 m4 l4">
            
            <a href="/page/2/"
               class="right btn-floating btn-large waves-effect waves-light bg-color">
                <i class="fa fa-angle-right"></i>
            </a>
            
        </div>
    </div>
</div>


<footer class="page-footer bg-color">
    <div class="container row center-align">
        <div class="col s12 m8 l8 copy-right">
            
            <div>
                <div style="text-align: center; float:left; width: 50%;">
                    <img alt="" src="http://oss.willhappy.cn/private/mm_reward_qrcode.png" style="margin: 0 auto;" width="43%">
                    <p style="text-align: center">喜欢请给个赞赏，谢谢</p>
                </div>
            
                <div style="text-align: center; border-left: 1px solid #4C5461; float:left; width: 48%;">
                    <img alt="" src="http://oss.willhappy.cn/private/qrcode_for_gzh.jpg" style="margin: 0 auto;" width="45%">
                    <p style="text-align: center">欢迎关注个人微信公众号</p>
                </div>
            </div>
            

            本站由&copy;<a href="https://blinkfox.github.io/" target="_blank">Blinkfox</a>基于
            <a href="https://hexo.io/" target="_blank">Hexo</a> 的
            <a href="https://github.com/blinkfox/hexo-theme-matery" target="_blank">hexo-theme-matery</a>主题搭建.

            
                &nbsp;<i class="fa fa-area-chart"></i>&nbsp;站点总字数:&nbsp;
                <span class="white-color">64.3k</span>
            

                <!-- <p>鲁ICP备2024094097号-1</p> -->
              <a href="https://beian.miit.gov.cn/" target="_blank">鲁ICP备2024094097号-1</a>
            

                <br>
                
                <span id="busuanzi_container_site_pv">
                    <i class="fa fa-heart-o"></i>
                    本站总访问量 <span id="busuanzi_value_site_pv" class="white-color"></span>
                </span>
                
                
                <span id="busuanzi_container_site_uv">
                    <i class="fa fa-users"></i>
                    次,&nbsp;访客数 <span id="busuanzi_value_site_uv" class="white-color"></span> 人.
                </span>
                
            
        </div>
        <div class="col s12 m4 l4 social-link social-statis">


    <a href="https://github.com/williamHappy" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
        <i class="fa fa-github"></i>
    </a>


    <a href="mailto:ctwang1994@163.com" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
        <i class="fa fa-envelope-open"></i>
    </a>


    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=583876674" class="tooltipped" data-tooltip="QQ联系我: 583876674" data-position="top" data-delay="50">
        <i class="fa fa-qq"></i>
    </a>


    <a href="http://oss.willhappy.cn/private/wechat_url.jpg" class="tooltipped" target="_blank" data-position="top" data-delay="50">
        <i class="fa fa-wechat"></i>
    </a>


    <a href="https://weibo.com/williamhappy" class="tooltipped" target="_blank" data-position="top" data-delay="50">
        <i class="fa fa-weibo"></i>
    </a>


    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
        <i class="fa fa-rss"></i>
    </a>
</div>
    </div>
</footer>

<div class="progress-bar"></div>


<!-- 搜索遮罩框 -->
<div id="searchModal" class="modal">
    <div class="modal-content">
        <div class="search-header">
            <span class="title"><i class="fa fa-search"></i>&nbsp;&nbsp;搜索</span>
            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
                   class="search-input">
        </div>
        <div id="searchResult"></div>
    </div>
</div>

<script src="/js/search.js"></script>
<script type="text/javascript">
$(function () {
    searchFunc("/" + "search.xml", 'searchInput', 'searchResult');
});
</script>
<!-- 回到顶部按钮 -->
<div id="backTop" class="top-scroll">
    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
        <i class="fa fa-angle-up"></i>
    </a>
</div>


    <link rel="stylesheet" href="/assets/css/APlayer.min.css">

<style type="text/css">
    /* don't remove. */
    .music-player {
      display: none;
    }
</style>


    <div class="music-player top-scroll">


    <div class="col l8 offset-l2 m10 offset-m1 s12 container-music">
        <meting-js
            id="2157073216"
            server="netease"
            type="song"
            fixed="true"
            mini="true"
            loop="all"
            order="list"
            volume="0.7"
            lrctype="0"
            listfolded="true"
            storagename="metingjs"
            autoplay="false" 
            mutex="true"
            listmaxheight="340px"
            preload="auto" 
            theme="#ad7a86">
        </meting-js>
    </div>
</div>
<script src="/assets/js/APlayer.min.js"></script>
<script src="https://unpkg.com/meting@2.0.1/dist/Meting.min.js"></script>


<script src="/libs/materialize/materialize.min.js"></script>
<script src="/libs/masonry/masonry.pkgd.min.js"></script>
<script src="/libs/aos/aos.js"></script>
<script src="/libs/scrollprogress/scrollProgress.min.js"></script>
<script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
<script src="/js/matery.js"></script>

<!-- Global site tag (gtag.js) - Google Analytics -->

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-150197527-1"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
        dataLayer.push(arguments);
    }

    gtag('js', new Date());
    gtag('config', 'UA-150197527-1');
</script>


    <script src="/libs/others/clicklove.js"></script>


    <script async src="/libs/others/busuanzi.pure.mini.js"></script>


<script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":true,"debug":false,"model":{"jsonPath":"/live2dw/assets/Epsilon2.1.model.json"},"display":{"position":"left","width":150,"height":300},"mobile":{"show":true},"react":{"opacity":0.7},"log":false});</script>


    <script>
      (function(i,s,o,g,r,a,m){
        i["DaoVoiceObject"]=r;
        i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();
        a=s.createElement(o),m=s.getElementsByTagName(o)[0];
        a.async=1;a.src=g;a.charset="utf-8";
        m.parentNode.insertBefore(a,m)}
      )(window,document,"script",('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/" + "ab5cf222" + ".js","daovoice")
    </script>
  
    <script>
      daovoice('init', {
        app_id: "ab5cf222",
        user_id: "willhappy",
        email: "ctwang1994@163.com",
        name: "甩甩哒博主",
        signed_up: "1449821660"
      });
      daovoice('update');
    </script>
  
    <script>
      daovoice('init', {
        app_id: ""
      });
      daovoice('update');
    </script>
  

    <script>
      $(function(){
        $(window).scroll(function () {
            let scroll = $(window).scrollTop();
            if (scroll < 360) {
              $('#daodream-container .daodream-launcher-enabled').slideUp(300)
              $('#live2d-widget').css("visibility","hidden");
            } else {
              $('#daodream-container .daodream-launcher-enabled').slideDown(300);
              $('#live2d-widget').css("visibility","visible");
            }
        });
      })
    </script>
  

</body>
</html>