2020-09-29 23:06:20

Dockerfile

+FROM httpd:2.4
+COPY ./ /usr/local/apache2/htdocs/
\ No newline at end of file

asset/cover.css

+body {margin: 0; /*overflow-y: hidden*/}
+
+.sklearn-warpper, .sklearn-warpper *{margin:0;padding:0;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
+
+.sklearn-warpper input,.sklearn-warpper textarea{border:none;-webkit-appearance:none;outline:none}
+
+.sklearn-warpper li{list-style:none}
+
+.sklearn-warpper{background:#02ceae;width:100%;}
+
+.sklearn-warpper{width:100%;font-family:PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,STHeitiSC-Light,simsun,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
+
+.sklearn-warpper a{text-decoration:none}
+
+.sklearn-warpper a:hover{cursor:pointer}
+
+.sklearn-warpper{color:#fff}
+
+@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_466267_yfncxjqtw8ode7b9.eot);src:url(//at.alicdn.com/t/font_466267_yfncxjqtw8ode7b9.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_466267_yfncxjqtw8ode7b9.woff) format("woff"),url(//at.alicdn.com/t/font_466267_yfncxjqtw8ode7b9.ttf) format("truetype"),url(//at.alicdn.com/t/font_466267_yfncxjqtw8ode7b9.svg#iconfont) format("svg")}
+
+.sklearn-warpper .iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;color:#fff}
+
+.sklearn-warpper .container{max-width:1200px;min-width:980px;width:100%;margin:0 auto;overflow:hidden}
+
+.sklearn-warpper .container:after{content:"";display:block;clear:both;height:0;overflow:hidden}
+
+.sklearn-warpper nav{border-bottom:1px solid hsla(0,0%,100%,.5);padding:25px 0;width:100%}
+
+.sklearn-warpper nav .left{width:60%;float:left}
+
+.sklearn-warpper nav .left:after{content:"";display:block;clear:both;height:0;overflow:hidden}
+
+.sklearn-warpper nav .left li{float:left;padding:0 40px;font-size:18px}
+
+.sklearn-warpper nav .left li a{color:#fff}
+
+.sklearn-warpper nav .right{width:270px;padding:0 20px;float:right;font-size:15px;line-height:1}
+
+.sklearn-warpper nav .right a{position:relative}
+
+.sklearn-warpper nav .right .iconfont{margin-left:3px;font-size:18px}
+
+.sklearn-warpper nav .right .icon-zhihu{font-size:20px}
+
+.sklearn-warpper .main-content .mian-top{padding:6% 16% 80px 8%}
+
+.sklearn-warpper .main-content .mian-top:after{content:"";display:block;clear:both;height:0;overflow:hidden}
+
+.sklearn-warpper .main-content .mian-top .left{float:left}
+
+.sklearn-warpper .main-content .mian-top .left .title{margin-bottom:38px}
+
+.sklearn-warpper .main-content .mian-top .left .title h1{font-size:48px;margin-bottom:5px}
+
+.sklearn-warpper .main-content .mian-top .left .title h3{font-size:26px}
+
+.sklearn-warpper .main-content .mian-top .left ul li{font-size:20px;line-height:44px;padding-left:20px;position:relative;font-family:myriad-pro-1,myriad-pro-2,sans-serif}
+
+.sklearn-warpper .main-content .mian-top .left ul li:after{content:"";display:block;position:absolute;top:50%;transform:translate3d(0,-50%,0);left:0;width:5px;height:5px;border:3px solid #fff;border-radius:50%;overflow:hidden}
+
+.sklearn-warpper .main-content .mian-top .right{float:right;color:#fff}
+
+.sklearn-warpper .main-content .mian-top .right .scikit-logo{text-indent:9999em;width:110px;height:140px;margin:0 auto;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGcAAACFCAYAAABGzeZwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2MmZmZTY5ZC0yNjQ4LTQ0YWYtOWUxYi1hMDk3ZGNlZThiYzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkE1Q0IwQzFCRjE1MTFFNzk3RTNDRERGOUFEQ0JGOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkE1Q0IwQzBCRjE1MTFFNzk3RTNDRERGOUFEQ0JGOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjOWZhNjNlNi00OWEyLTQyMDktOTQ1Mi05N2FiM2EyZDU0N2EiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkMjFlZTA4Yy0wNzdkLTExN2ItYTFiMS1kMmMzNzIwODQ4MTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5dooJdAAAElUlEQVR42uxdWa7VMAyto8J6YA+watgDrAc+jIRAerrvDhk8HKfHEj+8trF9cjwkaa8cxvLrxxe9/b+Pn7+L9Tiqeuwu7aDAyjnLCis2/H+mB7uqi8wA8wige9c8A/P2+hGA7oQ1HbRRV30CDY6H9AL0DxxdsFEt/bN9zhkMbRGTRYPG2a4giJzVKSBVr9aiw47CgROVb6LGqQJQQ3PYxHjbluBSZebeFgs3pbQ6VWuzz5QQ5qDIi4mDlnvUFJwi8b6S6GWYc0WA2mQDiNigblcYtIUOHXXlYBv2MKxVYQ7FrbeaYs9prXXP1oCz09TI4WoMgI6C2iyd+Cg3rOaMpDJf3vyzKjyG7BArw3sAsBzryRkCnVwhCHN671glc84GDbNuCw5Yyet2H8F57zANAKbr/pLgBDSlr0AK2Rk13TJ45jSLPPH2+Q4FAVzfZLp88wgAa2Acw0xEKZ7XhHpUUgXX1q612Qbo/EesmAFGCY4PK8SaMXfBQW3uCjSdcjjsJ5XZpu7QD1V/nb2OYc13RcBmm5piDpCuPneXMwSaBJDruGHL/NZ9TeehQnGY3b3jLG/6NQtHJTecCIWAC8jNyWEIKwFidE3aqkL1gmCXU6qvFz43AkaMGZaS93cspSXoHnddl1alV96mXqkCFe8LEWJ8vQ4x59a595L3yNGonudNACPBjBt9vhwD5b25Qp6fV3EEZqXIsPShlsw5gaEsK/+8s0+KfOBHJx2qC3+LAlIrV2srwMw+O6KBfbk2VwEccQLGY1wTUExK6WCA1Hjm9oS30XFNcwQSc17NKHF0UNa48MzRwZl8ODkoa1xX5ugkQ54xRQP0QBr37oQ4nWa/dy7wHD9rXBfmZK/qapFnDvsUtVpDmLk9DJIKBcHIi7JSaGaPfGjIqmjoP0OQxAi0kKMZtldpQhHygOnnunYBR0H1kd3A6S1Tq31O0sWmk0zAtYlnpYGF4ABLpS2D7LAYrkPFzTa5ig4Ma8w5qSsKZXVrBR1Zdflm2IeNrMHVsRUzOrOBDf+lqkbG4OrcwJREeyl3RAdz21uR2Ye0Hhf2gxcNhOJVgPEC6O49JzBbHjkhchnl2Vg959wgv+DRczBiFRjv4qFnLDWwM+WdUJlUFjWUreg69W22MzAsIK8AWABk/trIWWwGVmCQWahtBAbXlgZgyKoxHkWBANiVcvomuuTNBFtXnts2AMaqCZTDtzRXZHAk8H6Ea7cpCKCcgqJLhYPs3r2SotpxFmaM9dtsozrIUeDNNq8ZhLJSrc62wOWcyN9Hy640pRJzepTe5QzBUvGQXa0JOGNWdFiu6hBKaYTjtpA2NFDjEFnTq4vZ5DqBZ1919lxihUCvqhPfMgAWgkNwKASH4FAIDoXgEJz9mlO+TU3m1BCeIaCQOZXZE6rDWWwyyWZgM6wxrFEuH9b+yu+fX8P3eD58+iZkDiAwWeM2AsOcQ9kdnIy4nzl2lV87JHMoBIdCcNiEbl9aZxYhjcAwrFEIDsG5TEOamW/YhJI5FILDPmffEjs7v5A5DGsUglMoPBGcBYBQAd02rPU6HJlpfwQYAMWwkIvQQ8oBAAAAAElFTkSuQmCC") no-repeat 50%;background-size:cover;margin-bottom:40px}
+
+.sklearn-warpper .main-content .mian-top .right .btn_cn,.sklearn-warpper .main-content .mian-top .right .btn_us{display:block;padding:10px 20px;border-radius:5px;color:#fff;font-size:18px;border:1px solid #fff}
+
+.sklearn-warpper .main-content .mian-top .right .btn_cn:hover,.sklearn-warpper .main-content .mian-top .right .btn_us:hover{text-decoration:underline}
+
+.sklearn-warpper .main-content .mian-top .right .btn_cn{margin-bottom:40px}
+
+.sklearn-warpper .mian-botton{width:100%;display:block;padding:20px 0;margin-bottom:40px}
+
+.sklearn-warpper .mian-botton ul{margin:0 auto;padding-left:8%}
+
+.sklearn-warpper .mian-botton ul:after{content:"";display:block;clear:both;height:0;overflow:hidden}
+
+.sklearn-warpper .mian-botton ul li{float:left;padding-right:80px;font-size:18px}
+
+.sklearn-warpper .mian-botton ul li a{color:#fff}
+
+.footer{width:100%;text-align:center;position:fixed;left:0;bottom:0;z-index:9999;background:#02ceae}
+
+.footer.fixed{position:fixed;bottom:0;left:0}
+
+.footer .brief{color:#fff;font-size:12px;margin-bottom:10px;display:block;padding-bottom:15px}
+
+.footer span{font-size:13px;text-align:center}
+
+
+/*# sourceMappingURL=main.css.map */
+

asset/cover.html

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+    <meta name="Keywords" content="apachecn,">
+    <meta name="description" content="专注于优秀项目维护的开源组织" />
+<meta name="baidu-site-verification" content="ky4ktPz053" />
+
+    <title>Sklearn 文档</title>
+    
+    <link href="cover.css" rel="stylesheet">
+    <link rel="shortcut icon" href="http://sklearn.apachecn.org/cn/0.19.0/_static/favicon.ico">
+</head>
+<body>
+
+<div class="sklearn-warpper">
+    <nav>
+        <div class="container">
+             <ul class="left">
+                 <li><a href="http://www.apachecn.org" target="_blank">首页</a></li>
+                 <li><a href="https://github.com/apachecn" target="_blank">Github</a></li>
+                 <li><a class="zh-doc" href="">中文文档</a></li>
+                 <li><a href="http://i.youku.com/apachecn" target="_blank">视频资料</a></li>
+             </ul>  
+
+             <div class="right">
+                 <span>关注我们：</span>
+                 <span>
+                    <a href="https://www.zhihu.com/people/apachecn" target="_blank">
+                        <i class="iconfont icon-zhihu">&#xe8de;</i>
+                    </a>
+                    <a href="https://weibo.com/u/6326715527" target="_blank">
+                        <i class="iconfont icon-weibo">&#xe621;</i>
+                    </a>  
+                    <!-- <a href="" target="_blank">
+                        <i class="iconfont icon-wechat">&#xe613;</i>
+                    </a>   -->
+                </span>
+
+             </div>
+        </div>
+    </nav>
+
+    <div class="main-content">
+        <div class="container">
+            <div class="mian-top">
+                <div class="left">
+                    <div class="title">
+                        <h1>Scikit-Learn</h1>
+                        <h3>Python 中的机器学习</h3>
+                    </div>
+                    <ul>
+                        <li>简单高效的数据挖掘和数据分析工具</li>
+                        <li>可供大家使用，可在各种环境中重复使用</li>
+                        <li>建立在NumPy、Scipy 和 Matplotlib上</li>
+                        <li>开发源码，可商业使用-BSD License</li>
+                    </ul>
+                </div>
+    
+                <div class="right">
+                    <h1 class="scikit-logo">Scikit</h1>
+                    <a class="btn_cn zh-doc" href="#">scikit-learn 0.19.0 中文文档</a>
+                    <a class="btn_us" href="https://scikit-learn.org/" target="_blank">scikit-learn 0.19.0 英文文档</a>
+                </div>
+            </div>
+
+            <!--
+            <div class="mian-botton">
+                <ul>
+                    <li><a href="">学习路线</a></li>
+                    <li><a href="">角色架构</a></li>
+                    <li><a href="">项目进度</a></li>
+                    <li><a href="">时间轴</a></li>
+                </ul>
+            </div>
+           -->
+        </div>
+    </div>
+
+    <div class="footer fixed">
+        <div class="container">
+            <p class="brief">ApcaheCN: 专注于优秀项目维护的开源组织 &nbsp;© 2017 京ICP备15026725号-2</p>
+        </div>
+    </div>
+</div>
+
+<script>
+    /*
+    document.addEventListener('DOMContentLoaded', evt => {
+    
+        window.parent.document.querySelector('body')
+            .style.overflowY = 'hidden';
+    
+        var zhDocBtnOnClick = evt => {
+            window.parent.document.querySelector('#cover')
+                .style.display = 'none';
+            window.parent.document.querySelector('body')
+                .style.overflowY = '';
+            evt.preventDefault();
+        };
+    
+        var zhDocBtns = document.querySelectorAll('.zh-doc');
+        Array.from(zhDocBtns).map(x => x.addEventListener('click', zhDocBtnOnClick));
+            
+    });
+    */
+</script>
+<script type="text/javascript" src="cover.min.js"></script>
+</body>
+</html>

asset/main.css

+#cover {
+    position: fixed;
+    z-index: 999;
+    width: 100%;
+    height: 100%;
+    border: none;
+}
\ No newline at end of file

cover.md

+<iframe id='iframe-cover' src='asset/cover.html'></iframe>
+<style>
+    #iframe-cover { 
+        border: none;
+        width: 100vw;
+        height: 102vh;
+    }
+</style>
\ No newline at end of file