<!--

 111111111111111111111111111111111111111111111110000111111111111111111111111111111111111111111
 111111111111111111111111111111111111111111111000011111111111111111111111111111111111111111111
 111111111111111111111111111111111111111111100000011111111111111111111111111111111111111111111
 111111111111111111111111111111111111111110000001111000110000000000000001111111111111111111111
 111111111111111111111111111111110000000000000000000000000000000001111111111111111111111111111
 111111111111111111111111111111011100000000000000000000000000001111111111111111111111111111111
 111111111111111111111111111111111111100000000000000000000000000000000011111111111111111111111
 111111111111111111111111111111111000000000000000000000000000000011111111111111111111111111111
 111111111111111111111111111111110001110000000000000000000000000000011111111111111111111111111
 111111111111111111111111111110000011000000000001100000000000000000001111111111111111111111111
 111111111111111111111111111100000000000000010011110000000000000110000011111111111111111111111
 111111111111111111111111000000000000000000111011111000000000000011100001111111111111111111111
 111111111111111111111100000000000000000001111111110000000000000001111000111111111111111111111
 111111111111111111111000000001111111111111111111110000000000000000111110011111111111111111111
 111111111111111111111100000111111111111111111111000000000000000000111111111111111111111111111
 111111111111111111111111011111111111111111110000000000000000000000011111111111111111111111111
 111111111111111111111111111111000000000000000000000000000000000000011111111111111111111111111
 111111111111111111111111111111110000000000000000000000000000110000011111111111111111111111111
 111111111111111111111111111100000000000000000000000000000011110000011111111111111111111111111
 111111111111111111111111100000000000000000000000000000000111111000011111111111111111111111111
 111111111111111111111110000000000000000000000000000000111111111000011111111111111111111111111
 111111111111111111111000000000000000000000000000000011111111111000011111111111111111111111111
 111111111111111111110000000000000000000111000000111111111111111000111111111111111111111111111
 111111111111111111100000000000000001111111111111111111111111111001111111111111111111111111111
 111111111111111111000000000000000111111111111111110011111111111111111111111111111111111111111
 111111111111111110000000000000001111111111111111111110000111111111111111111111111111111111111
 111111111111111110000000000100011111111111111111111111100000111111111111111111111111111111111
 111111111111111100000000000110011111111111111111111111111000000011111111111111111111111111111
 111111111111111100000000000011101111111111110001111100001110000000111111111111111111111111111
 111111111111111100000000000001111111111111111100011111000000000000001111111111111111111111111
 111111111111111100000000000000001111111111111100000000000000000000000011111111111111111111111
 111111111111111100100000000000000000111111111000000000000000000000000000111111111111111111111
 111111111111111110011000000000000111111111000000000000000011100000000000011111111111111111111
 111111111111111111011000000000000000000000000000000000011111111111000000001111111111111111111
 111111111111111111111000000000000000000000000000000000111111111111110000000111111111111111111
 111111111111111111111000001000000000000000000110000000011101111111111000000111111111111111111
 111111111111111111111100011111000000000000011111000000000011111111111011000011111111111111111
 111111111111111111111000111111110001000000000111110000011111111111111111000011111111111111111
 111111111111111111111000111111111111111000000011111110000000011111111111100011111111111111111
 111111111111111111111100111111111111111111100000011111111111111111111111110001111111111111111

 -   ----------------------------------   神龙保佑，永无BUG   ------------------------------------   -
    Star me on Gitee - https://gitee.com/yadong.zhang/DBlog
    yadong.zhang (yadong.zhang0415#gmail.com)
    https://docs.zhyd.me
    如有问题请加QQ群(190886500)，备注：dblog
 -   ----------------------------------   神龙保佑，永无BUG   ------------------------------------   -
-->
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>馒头商学院-为职场人学习和成长提供完整解决方案-互联网实战商学院 | 好好笑话网</title>
    <meta name="author" content="林(2878952238#qq.com)">
    <meta name="keywords" content="馒头商学院,实战型导师,好好笑话网"/>
    <meta name="description" content="馒头商学院是培养优秀互联网人才的实战型商学院，汇集300多位来自腾讯、阿里等一线互联网公司的实战型导师，奥美等国际4A公司的资深实战、专业体系市场营销导师，国际认证的、具体全球视野的管理学、心理学、商学院导师，针对时代催生的新职业（数字营销、新媒体、产品经理、运营等）提供专业体系和实战的课程，为职场人学习和成长提供完整解决方案。" id="meta_description">
    <meta name="google-site-verification" content="dqwC7GBSRuMCGTzDLh4DFLhdpel_29QOkoz-XogawS4" />
    <meta name="baidu-site-verification" content="codeva-bLl42A8ooE" />
    <meta name="msvalidate.01" content="7C0FC92A1DF8687FBE67481537CECFD1" />
    <meta name="360-site-verification" content="08bc7d92e786732a043ae7a9f412fd38" />
    <meta name="bytedance-verification-code" content="9M6flH4yl0r07SgT6sKK" />
    <meta name="sogou_site_verification" content="iCazoWFGmC" />
    <meta name="shenma-site-verification" content="dc1f54688d34aea9eb62d1a8ad5d05de_1677660078">
    
    <link rel="canonical" href="https://www.haohaoxiaohua.com/web/article/181" />
    <link href="https://www.haohaoxiaohua.com/web/img/favicon.png" rel="shortcut icon" type="image/x-icon">
        <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
        <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
        <link href="https://cdn.bootcdn.net/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css" rel="stylesheet">
        <link href="https://cdn.bootcdn.net/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet">
        <link href="https://cdn.bootcdn.net/ajax/libs/jquery.bootstrapvalidator/0.5.3/css/bootstrapValidator.min.css" rel="stylesheet">
        <link href="https://cdn.bootcdn.net/ajax/libs/nprogress/0.2.0/nprogress.min.css" rel="stylesheet">
    <link href="https://www.haohaoxiaohua.com/web/css/zhyd.core.css" rel="stylesheet" type="text/css">
    <link href="https://www.haohaoxiaohua.com/web/css/zhyd.comment.css" rel="stylesheet" type="text/css">
<!--         <link href="https://cdn.jsdelivr.net/npm/simplemde@1.11.2/dist/simplemde.min.css" rel="stylesheet"> -->
<!--         <link href="https://cdn.jsdelivr.net/npm/github-markdown-css@2.10.0/github-markdown.min.css" rel="stylesheet"> -->
<!--         <link href="https://cdn.jsdelivr.net/npm/highlight.js@9.12.0/styles/github.min.css" rel="stylesheet"> -->

<link href="https://cdn.bootcdn.net/ajax/libs/github-markdown-css/5.2.0/github-markdown.min.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/simplemde/1.11.2/simplemde.min.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/highlight.js/11.7.0/styles/github.min.css" rel="stylesheet">
<!--     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-share.js@1.0.16/dist/css/share.min.css" /> -->

<link href="https://cdn.bootcdn.net/ajax/libs/social-share.js/1.0.16/css/share.min.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/simplemde/1.11.2/simplemde.min.css" rel="stylesheet">

<style>

.video_div{
	height: 400px;
	padding: 0px;
	
}
    
@media (min-width: 768px) {
    .video_div{
    	height: 600px;
    	padding: 0px;
    	
    }
}

.video_website_link{
    height: auto;
    padding: 0px;
}

.video_div{
	position: relative;
}

.video_div_right{
	position: absolute;
    height: 100%;
    width: 60px;
    background-color: red;
    top: 0px;
    right: 0px;
}

.video-btn{
	position: relative;

}

.video-btn .left{
	text-align: left;
	background: -webkit-linear-gradient(top,#040405,#070d17) !important;
}

.video-btn .right{
	text-align: right;
	float: right;
	background: -webkit-linear-gradient(top,#040405,#070d17) !important;
}

.shoucang_image{
    border-radius: 6px;
}

.shoucang_description {
    margin: 20px 0 0 0;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 88px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    position: relative;
    color: #555;
}

.shoucang_button{
    position: relative;
    top: 2px;
}

@media (min-width: 768px) {
    .shoucang_button{
        position: relative;
        top: 6px;
    }
}

.shoucang_button .btn-primary{
    font-size: 15px;
    color: #fff !important;
    background-color: #5FB878;
    border-color: #2e6da4;
    text-decoration: none !important;
    width: calc(100%);
}

@media (min-width: 768px) {
    .shoucang_button .btn-primary{
        width: calc(100% / 2);
    }
}

#video_website_link_first_p{
    margin: 0 !important;
    padding: 0;
    height: auto;
}

/*****************************************************************************************/
.siteico {
    background: #e6e8ed;
    position: relative;
    overflow: hidden;
    box-shadow: 0 30px 20px -20px rgba(0,0,0,.15);
    border-radius: 10px;
    height: 150px;
    transition: background-color .3s;
}

.blur-layer {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: inherit;
    height: inherit;
    opacity: .2;
}

.blur {
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -webkit-filter: blur(15px);
    filter: blur(15px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=15,MakeShadow=false);
}

.img-cover {
    /*max-width: 90% !important;*/
    min-width: 72px !important;
    /*max-height: 90% !important;*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 20px;
}

/**************解决HTML中包含article标签的刚度问题**********/

article{
    height: auto !important;
}

</style>


    <style type="text/css">
        
    </style>
</head>
<body>
<nav id="topmenu" class="navbar navbar-default navbar-fixed-top">
    <div class="menu-box">
        <div class="pull-left">
            <ul class="list-unstyled list-inline">
                <li><span id="currentTime"></span></li>
            </ul>
            <div class="clear"></div>
        </div>
        <div class="menu-topmenu-container pull-right">
            <ul class="list-unstyled list-inline pull-left">
                <li><a href="https://www.haohaoxiaohua.com/web/about" class="menu_a" title="关于博客" data-toggle="tooltip" data-placement="bottom">关于本站</a></li>
                <li><a href="https://www.haohaoxiaohua.com/web/links" class="menu_a" title="友情链接" data-toggle="tooltip" data-placement="bottom">友情链接</a></li>
            </ul>
                <ul class="list-unstyled list-inline pull-left">
<!--                     <li><a href="javascript:;;" data-toggle="modal" data-target="#oauth" rel="nofollow" title="授权登录">登录</a></li> -->
                    <li><a href="/passport/login">登录</a></li>
                </ul>
        </div>
    </div>
</nav>
<div class="modal login-modal" id="oauth" tabindex="-1" role="dialog" aria-labelledby="oauthTitle">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul class="list-inline" role="tablist">
                    <li role="presentation" class="active">
                    	<a href="#baozang-login" aria-controls="baozang-login" role="tab" data-toggle="tab">
							<h4 class="modal-title">登录 |</h4>
						</a>
                    </li>
                     <li role="presentation">
                    	<a href="#baozang-register" aria-controls="baozang-register" role="tab" data-toggle="tab">
							<h4 class="modal-title">注册</h4>
						</a>
                    </li>
                </ul>
            </div>
            <div class="modal-body">
                <div class="tab-content">
				    <div role="tabpanel" class="tab-pane active" id="baozang-login">
						<ul class="list-inline" role="tablist">
		                    <li role="presentation" class="active">
		                    	<a href="#baozang-passpword-login" aria-controls="baozang-passpword-login" role="tab" data-toggle="tab">
									<h4>密码登录 |</h4>
								</a>
		                    </li>
		                     <li role="presentation">
		                    	<a href="#baozang-mobile-login" aria-controls="baozang-register" role="tab" data-toggle="tab">
									<h4>手机注册</h4>
								</a>
		                    </li>
		                </ul>
						 <div class="tab-content">
						 	<div role="tabpanel" class="tab-pane active" id="baozang-passpword-login">密码登录</div>
						 	<div role="tabpanel" class="tab-pane" id="baozang-mobile-login">手机登录</div>
						 </div>

					</div>
				    <div role="tabpanel" class="tab-pane" id="baozang-register">注册</div>
				</div>
            </div>
        </div>
    </div>
</div>
<div class="modal" id="oauth2" tabindex="-1" role="dialog" aria-labelledby="oauthTitle">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul class="list-inline">
                    <li><h4 class="modal-title" id="oauthTitle">登录</h4></li>
                    <li><a href="javascript:$.alert.info('没用，别点了！我就没打算开发这个功能。Just to show you~~~');"><h4 class="modal-title" id="myModalLabel">注册</h4></a></li>
                </ul>
            </div>
            <div class="modal-body">
                <div class="oauth">
                    <ul class="list-unstyled list-inline oauth-list" style="text-align: center;">
                                <li>
                                    稍等一下， 博主正在快马加鞭的配置~~
                                </li>
                    </ul>
                    <div class="oauth-line">
                        <span style="font-size: 12px">
                            Powered by <a href="https://gitee.com/fujieid/jap" target="_blank">JustAuthPlus(JAP)</a>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<nav id="mainmenu" class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="menu-box">
        <div class="navbar-header">
            <span class="pull-right nav-search toggle-search" data-toggle="modal" data-target=".nav-search-box"><i class="fa fa-search"></i></span>
            <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
                <img alt="Brand" style="width: 20px; height: 20px;margin: 9px 2px 0px 0px;" src="https://www.haohaoxiaohua.com/web/img/favicon.png"