<!--

 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   ------------------------------------   -
    https://www.dancoder.cn
 -   ----------------------------------   神龙保佑，永无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="蛋蛋(dancoder@163.com)">
    <meta name="keywords" content="博客分享，书籍分享,蛋码农"/>
    <meta name="description" content="优秀开源项目、博客、书籍汇总" id="meta_description">
    <link rel="canonical" href="https://www.dancoder.cn/article/7" />
    <link href="https://www.dancoder.cn/img/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <link href="https://cdn.jsdelivr.net/gh/goudanz/cdn/iconfont/iconfont.css" rel="stylesheet" type="text/css">
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/jquery-confirm@3.3.2/dist/jquery-confirm.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/jquery.fancybox@2.1.5/source/jquery.fancybox.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrapvalidator@0.5.4/dist/css/bootstrapValidator.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.min.css" rel="stylesheet">
    <link href="https://www.dancoder.cn/css/zhyd.core.css" rel="stylesheet" type="text/css">
    <link href="https://www.dancoder.cn/css/zhyd.comment.css" rel="stylesheet" type="text/css">    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?16388bd2558aacf1b4e832b4feb2a061";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

        <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">
</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.dancoder.cn/resource" class="menu_a" style="color: #fb0303;" title="文档/资料" data-toggle="tooltip" data-placement="bottom">文档/资料</a></li>
                <li><a href="https://www.dancoder.cn/about" class="menu_a" style="color: #fb0303;" title="关于博客" data-toggle="tooltip" data-placement="bottom">关于本站</a></li>
                <li><a href="https://www.dancoder.cn/links" class="menu_a" style="color: #fb0303;" title="友情链接" data-toggle="tooltip" data-placement="bottom">友情链接</a></li>
            </ul>
                <ul class="list-unstyled list-inline pull-left"> <li><a onclick="toLogin()" rel="nofollow" title="登录"><i class="fa fa-sign-in"></i>登录</a></li> </ul>
        </div>
    </div>
</nav>
<script>
    function toLogin(){
        $('#login-modal').modal('show');
    }
</script>

<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 logo" href="#"></a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <div class="pull-left site-desc" style="padding-top: 14px;">
                <a href="https://www.dancoder.cn">
                    <img src="https://dancoder.oss-cn-shanghai.aliyuncs.com/oneblog/20190817235024741.png" data-original-title="当你凝望深渊时，深渊也凝望着你。" data-toggle="tooltip" data-placement="right">
                </a>
            </div>
            <ul class="nav navbar-nav ">
                <li>
                    <a href="/" class="menu_a"><i class="fa fa-home"></i>首页</a>
                </li>

                <li>
                    <a href="/poetry" class="menu_a"><i class="fa fa-book"></i>诗词</a>
                </li>

                <li>
                    <a href="/booknote" class="menu_a"><i class="fa fa-file-picture-o"></i>写真集</a>
                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle menu_a" data-toggle="dropdown" aria-expanded="false">
                                        <i class="fa fa-code"></i>实战 <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="/type/8" title="点击查看《python》的文章">python</a></li>
                                        <li><a href="/type/4" title="点击查看《Linux》的文章">Linux</a></li>
                                        <li><a href="/type/7" title="点击查看《PHP》的文章">PHP</a></li>
                                        <li><a href="/type/2" title="点击查看《后端》的文章">后端</a></li>
                                        <li><a href="/type/9" title="点击查看《数据库》的文章">数据库</a></li>
                                        <li><a href="/type/6" title="点击查看《Java》的文章">Java</a></li>
                                        <li><a href="/type/1" title="点击查看《前端》的文章">前端</a></li>
                                    </ul>
                                </li>
                                <li><a href="/type/3" class="menu_a"><i class="fa fa-folder-open-o"></i>其他</a></li>
                <li><a href="/guestbook" class="menu_a"><i class="fa fa-comments-o"></i>留言板</a></li>
                <li><span class="pull-right nav-search main-search" data-toggle="modal" data-target=".nav-search-box"><i class="fa fa-search"></i></span></li>
            </ul>
        </div>
    </div>
</nav>    <img src="https://dancoder.oss-cn-shanghai.aliyuncs.com/oneblog/20200106113431748.jpg" onerror="this.src='https://www.dancoder.cn/img/default_article_cover.jpg'" style="display: none;" id="cover-img">
<div class="container custome-container">
    <nav class="breadcrumb">
        <a class="crumbs" title="返回首页" href="https://www.dancoder.cn" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-home"></i>首页</a>
        <i class="fa fa-angle-right"></i>
        <a href="https://www.dancoder.cn/type/3" title="点击查看该分类文章" data-toggle="tooltip" data-placement="bottom">其他</a>
        <i class="fa fa-angle-right"></i>正文
    </nav>
    <div class="row article-body">
        <div class="col-sm-8 blog-main">
            <div class="blog-body overflow-initial fade-in">
                <div class="article-flag">
                        <span class="article-blockquote article-blockquote-green"></span>
                        <span class="article-original article-original-green">
                            <a href="https://www.dancoder.cn/article/7">原创</a>
                        </span>
                    <div class="blog-info-meta pull-right">
                        <ul class="list-unstyled list-inline">
                            <li><i class="fa fa-clock-o fa-fw"></i>2019-08-15</li>
                            <li><i class="fa fa-eye fa-fw"></i><a class="pointer" data-original-title="770人浏览了该文章" data-toggle="tooltip" data-placement="bottom">浏览 (<num>770</num>)</a></li>
                            <li><a href="#comment-box" data-original-title="2人评论了该文章" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-comments-o fa-fw"></i>评论 (2)</a></li>
                        </ul>
                    </div>
                </div>
                <div class="blog-info overflow-initial">
                    <h1 class="blog-info-title">
                        <strong>优秀开源项目、博客、书籍汇总</strong>
                    </h1>
                    <div class="blog-info-body markdown-body editor-preview-active-side">
                        <h2 id="-">博客、教程</h2>
<ul>
<li><a href="http://ifeve.com/" title="让天下没有难学的技术">并发编程网</a> <code>让天下没有难学的技术</code></li>
<li><a href="https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way" title="提问的智慧">How-To-Ask-Questions-The-Smart-Way</a> <code>提问的智慧</code></li>
<li><a href="https://github.com/justjavac/free-programming-books-zh_CN">free-programming-books-zh_CN</a> <code>免费的计算机编程类中文书籍</code></li>
<li><a href="https://github.com/jobbole/awesome-programming-books">awesome-programming-books</a> <code>经典编程书籍大全</code></li>
<li><a href="https://github.com/CyC2018/CS-Notes">CS-Notes</a> <code>计算机学习笔记</code></li>
<li><a href="https://github.com/xingshaocheng/architect-awesome">architect-awesome</a> <code>后端架构师技术图谱</code></li>
<li><a href="https://github.com/CyC2018/Interview-Notebook">Interview-Notebook</a><code>计算机学习笔记</code></li>
<li><a href="https://github.com/leohxj/a-programmer-prepares">a-programmer-prepares</a><code>程序员的自我修养</code></li>
<li><a href="https://github.com/judasn/IntelliJ-IDEA-Tutorial">IntelliJ-IDEA-Tutorial IntelliJ IDEA</a><code>简体中文专题教程</code></li>
<li><a href="https://github.com/Aaaaaashu/Mac-dev-setup">Mac-dev-setup</a> <code>Mac开发配置手册</code></li>
<li><a href="https://github.com/BruceDone/awesome-crawler">awesome-crawler</a><code>爬虫技术资源汇总</code></li>
<li><a href="https://github.com/open-power-workgroup/Hospital">Hospital</a><code>OpenPower工作组收集汇总的莆田系医院开放数据</code></li>
<li><a href="https://github.com/ruanyf/document-style-guide">document-style-guide</a><code>中文技术文档的写作规范</code></li>
<li><a href="https://github.com/ruanyf/weekly">weekly</a><code>阮一峰技术分享周刊</code></li>
<li><a href="https://coolshell.cn/">酷壳</a><code>耗子叔博客</code></li>
<li><a href="http://thinkinjava.cn/">莫那鲁道</a><code>一个java开发者</code></li>
</ul>
<h2 id="-">写作</h2>
<ul>
<li><a href="https://github.com/LearnShare/Learning-Markdown">Learning-Markdown</a><code>Markdown入门参考</code></li>
<li><a href="https://github.com/sparanoid/chinese-copywriting-guidelines">hinese-copywriting-guidelines</a><code>中文文案排版指北</code></li>
<li><a href="https://github.com/ksky521/nodeppt">nodeppt</a><code>一个markdown转成ppt的工具，功能非常强大</code></li>
</ul>
<h2 id="-">文档</h2>
<ul>
<li><a href="https://github.com/huangz1990/redis">Redis Command Reference</a><code>《Redis Command Reference》全文的中文翻译版</code></li>
</ul>
<h2 id="-">设计工具</h2>
<ul>
<li><a href="https://github.com/LisaDziuba/Awesome-Design-Tools">Awesome-Design-Tools</a><code>各种设计工具汇总</code></li>
</ul>
<h2 id="-">开源工具</h2>
<ul>
<li><a href="https://github.com/oldj/SwitchHosts">SwitchHosts</a><code>切换hosts文件的小程序</code></li>
<li><a href="https://github.com/salomonelli/best-resume-ever">best-resume-ever</a><code>个人简历生成工具</code></li>
<li><a href="https://github.com/luin/medis">medis</a><code>Electron, React开发的redis客户端工具</code></li>
<li><a href="https://github.com/ziahamza/webui-aria2">webui-aria2</a><code>aria2的web客户端</code></li>
<li><a href="https://github.com/alibaba/TProfiler">TProfiler</a><code>一个可以在生产环境长期使用的性能分析工具，长期未更新</code></li>
<li><a href="https://github.com/sripathikrishnan/redis-rdb-tools">redis-rdb-tools</a><code>redis rdb文件分析工具</code></li>
<li><a href="https://repo.or.cz/w/polysh.git">polysh</a><code>可以同时连接多台服务器的ssh工具</code></li>
<li><a href="https://github.com/Hammerspoon/hammerspoon">hammerspoon</a><code>强大的macOS桌面自动化管理工具，可使用lua编写自定义功能</code></li>
<li><a href="https://github.com/huashengdun/webssh">webssh</a><code>一个基于web的ssh客户端</code></li>
</ul>
<h2 id="-">数据库</h2>
<ul>
<li><a href="http://mysql.taobao.org/monthly">mysql-monthly</a><code>数据库内核月报</code></li>
<li><a href="https://github.com/sharding-sphere/sharding-sphere">sharding-sphere</a><code>当当开源的数据库中间件，目前有京东和当当等技术在维护</code></li>
<li><a href="https://github.com/jobbole/awesome-mysql-cn">awesome-mysql-cn</a><code>MySQL 资源大全中文版</code></li>
</ul>
<h2 id="java">java</h2>
<ul>
<li><a href="https://github.com/giantray/stackoverflow-java-top-qa">stackoverflow-java-top-qa</a><code>stackoverflow上Java相关回答整理翻译</code></li>
<li><a href="https://github.com/akullpp/awesome-java">awesome-java</a><code>java资源汇总</code></li>
<li><a href="https://github.com/jobbole/awesome-java-cn">awesome-java-cn</a><code>Java资源大全中文版，包括开发库、开发工具、网站、博客、微信、微博等，由伯乐在线持续更新</code></li>
<li><a href="https://github.com/doocs/advanced-java">advanced-java</a><code>Java工程师进阶知识完全扫盲</code></li>
<li><a href="https://github.com/cncounter/gc-handbook">gc-handbook</a><code>GC参考手册-Java版</code></li>
<li><a href="https://github.com/VertxChina/vertx-translation-chinese">vertx-awesome</a><code>vertx资源汇总</code></li>
<li><a href="https://github.com/VertxChina/vertx-translation-chinese">vertx-translation-chinese</a><code>vertx教程中文翻译</code></li>
<li><a href="https://github.com/KotlinBy/awesome-kotlin">awesome-kotlin</a><code>kotlin资源汇总</code></li>
<li><a href="https://github.com/zzhi/Java_Books">Java_Books</a><code>Java 编程书籍分享</code></li>
<li><a href="https://github.com/java8/Java8InAction">java8-tutorial</a><code>Java8教程</code></li>
<li><a href="https://github.com/java8/Java8InAction">Java8InAction</a><code>java8 学习案例</code></li>
<li><a href="https://github.com/iluwatar/java-design-patterns">java-design-patterns</a><code>java设计模式代码实现</code></li>
<li><a href="https://github.com/fengjx/design-pattern-java">design-pattern-java</a><code>java24种设计模式</code></li>
<li><a href="https://github.com/code4craft/netty-learning">netty-learning</a><code>Netty源码解析</code></li>
<li><a href="https://github.com/waylau/netty-4-user-guide">netty-4-user-guideJava博客系统</a><code>Netty 4.x 用户指南</code></li>
<li><a href="https://github.com/waylau/essential-netty-in-action">essential-netty-in-actionv</a><code>《Netty 实战(精髓)》</code></li>
<li><a href="https://github.com/wuyinxian124/nettybook2">nettybook2</a><code>李林峰老师编写的netty权威指南（第二版）对应的源码</code></li>
<li><a href="https://github.com/b3log/solo">solo</a><code>solo</code></li>
<li><a href="https://github.com/b3log/symphony">symphony</a><code>一个用 Java 实现的现代化社区</code></li>
<li><a href="https://github.com/biezhi/wechat-api">wechat-api</a><code>微信个人号的Java版本API</code></li>
<li><a href="https://github.com/dyc87112/SpringCloud-Learning">SpringCloud-Learning</a><code>Spring Cloud教程</code></li>
<li><a href="https://github.com/eacdy/spring-cloud-study">spring-cloud-study</a><code>使用Spring Cloud与Docker实战微服务</code></li>
<li><a href="https://github.com/qibaoguang/Spring-Boot-Reference-Guide">Spring-Boot-Reference-Guide</a><code>Spring Boot参考指南</code></li>
<li><a href="https://github.com/Wechat-Group/weixin-java-tools">weixin-java-tools</a><code>微信Java开发工具包</code></li>
<li><a href="https://github.com/alibaba/arthas">arthas</a><code>阿里开源Java诊断利器</code></li>
<li><a href="https://github.com/lets-blade/blade">blade</a><code>一个有趣的基于java8的mvc框架</code></li>
<li><a href="https://github.com/linesh-simplicity/translation-spring-mvc-4-documentation">translation-spring-mvc-4-documentation</a><code>Spring MVC 4.2.4.RELEASE 中文文档</code></li>
</ul>
<h2 id="python">python</h2>
<ul>
<li><a href="https://github.com/jobbole/awesome-python-cn">awesome-python-cn</a><code>Python资源大全中文版</code></li>
<li><a href="https://github.com/rg3/youtube-dl">youtube-dl</a><code>视频下载工具</code></li>
<li><a href="https://github.com/youfou/wxpy">wxpy</a><code>微信机器人</code></li>
<li><a href="https://github.com/littlecodersh/ItChat">ItChat</a><code>一个开源的微信个人号接口</code></li>
<li><a href="https://github.com/yorkoliu/pyauto">pyauto</a><code>python自动化运维：技术与最佳实践 - 源码</code></li>
<li><a href="https://github.com/marchtea/scrapy_doc_chs">scrapy_doc_chs</a><code>scrapy中文翻译文档</code></li>
</ul>
<h2 id="go">go</h2>
<ul>
<li><a href="https://github.com/PuerkitoBio/goquery">goquery</a><code>基于go实现，支持jquery语法的dom元素解析器</code></li>
<li><a href="https://github.com/gin-gonic/gin">gin</a><code>一个用Go编写的http web框架。它提供了一个类似于martini的API，具有更好的性能</code></li>
<li><a href="https://github.com/labstack/echo">echo</a><code>高性能、极简的Go web框架</code></li>
<li><a href="https://github.com/jinzhu/gorm">gorm</a><code>Golang出色的ORM库</code></li>
<li><a href="https://github.com/sirupsen/logrus">logrus</a><code>go的日志框架</code></li>
<li><a href="https://github.com/dgrijalva/jwt-go">jwt-go</a><code>go实现的jwt</code></li>
<li><a href="https://github.com/go-ini/ini">ini</a><code>go实现的ini配置文件解析</code></li>
<li><a href="https://github.com/smallnest/go-rpc-programming-guide">go-rpc-programming-guide</a><code>go-rpc-programming-guide</code></li>
<li><a href="https://github.com/golang-china/gopl-zh">gopl-zh</a><code>Go语言圣经中文版</code></li>
<li><a href="https://github.com/Go-zh/tour">tour</a><code>Go 语言官方教程中文版</code></li>
</ul>
<h2 id="elk">elk</h2>
<ul>
<li><a href="https://github.com/apachecn/elasticsearch-doc-zh">elasticsearch-doc-zh</a><code>apachecn翻译的elasticsearch中文文档</code></li>
<li><a href="https://github.com/apachecn/kibana-doc-zh">kibana-doc-zh</a><code>apachecn翻译的kibana中文文档</code></li>
</ul>
<h2 id="-">消息中间件</h2>
<ul>
<li><a href="https://github.com/rabbitmq/rabbitmq-tutorials">rabbitmq-tutorials</a><code>rabbitmq官方教程</code></li>
<li><a href="https://github.com/apachecn/kafka-doc-zh">kafka-doc-zh</a><code>apachecn翻译的kafka中文文档</code></li>
</ul>
<h2 id="-">前端</h2>
<ul>
<li><a href="https://github.com/jobbole/awesome-javascript-cn">awesome-javascript-cn</a><code>JavaScript 资源大全中文版</code></li>
<li><a href="https://github.com/jobbole/awesome-css-cn">awesome-css-cn</a><code>CSS 资源大全中文版</code></li>
<li><a href="https://github.com/vuejs/awesome-vue">awesome-vue</a><code>vue 资源大全</code></li>
<li><a href="https://github.com/ruanyf/es6tutorial">es6tutorial</a><code>阮一峰 - ECMAScript 6入门</code></li>
<li><a href="https://github.com/ruanyf/jstutorial">jstutorial</a><code>阮一峰 - js教程</code></li>
<li><a href="https://github.com/nqdeng/7-days-nodejs">7-days-nodejs</a><code>七天学会NodeJS</code></li>
<li><a href="https://github.com/alsotang/node-lessons">node-lessons</a><code>Node.js 包教不包会</code></li>
<li><a href="https://github.com/fengjx/awesome-wechat-weapp">awesome-wechat-weapp</a><code>微信小程序开发资源汇总</code></li>
<li><a href="https://github.com/eggjs/awesome-egg">awesome-egg</a><code>eggjs资源汇总</code></li>
<li><a href="https://github.com/airyland/vux">vux</a><code>Vue &amp; WeUI 实现的UI组件</code></li>
<li><a href="https://github.com/alvarotrigo/fullPage.js">fullPage</a><code>全屏滚动插件</code></li>
<li><a href="https://github.com/hakimel/reveal.js">reveal</a><code>网页上制作PPT</code></li>
<li><a href="https://github.com/PanJiaChen/vue-element-admin">vue-element-admin</a><code>基于vue-element的后台管理脚手架</code></li>
<li><a href="https://github.com/pandao/editor.md">editor.md</a><code>一款开源的、可嵌入的 Markdown 在线编辑器</code></li>
<li><a href="https://github.com/gabrielecirulli/2048">2048</a><code>2048游戏的H5实现</code></li>
<li><a href="https://github.com/aui/artDialog">artDialog</a><code>经典的网页对话框组件</code></li>
</ul>
<h2 id="apm">APM</h2>
<ul>
<li><a href="https://github.com/elastic/apm-server">apm-server</a><code>elastic开源APM监控系统</code></li>
<li><a href="https://github.com/dianping/cat">cat</a><code>大众点评开源APM监控系统</code></li>
<li><a href="https://github.com/apache/skywalking">skywalking</a><code>国产开源APM监控系统，已加入apache项目</code></li>
</ul>
<h2 id="-">操作系统</h2>
<ul>
<li><a href="https://github.com/jaywcjlove/linux-command">linux-command</a><code>Linux命令大全搜索工具</code></li>
<li><a href="https://github.com/me115/linuxtools_rst">linuxtools_rst</a><code>Linux工具快速教程</code></li>
<li><a href="https://github.com/judasn/Linux-Tutorial">Linux-Tutoria</a><code>Java程序员眼中的Linux</code></li>
<li><a href="https://github.com/alim0x/Awesome-Linux-Software-zh_CN">Awesome-Linux-Software</a><code>linux上超赞的应用，软件，工具以及其它资源的集中地</code></li>
</ul>
<h2 id="-">运维</h2>
<ul>
<li><a href="https://github.com/jobbole/awesome-sysadmin-cn">awesome-sysadmin-cn</a><code>系统管理员资源大全中文版</code></li>
<li><a href="https://github.com/yeasy/docker_practice">docker_practice</a><code>Docker — 从入门到实践</code></li>
<li><a href="https://github.com/h5bp/server-configs-nginx">server-configs-nginx</a><code>nginx配置案例</code></li>
<li><a href="https://github.com/tinyclub/open-shell-book">open-shell-book</a><code>Shell 编程范例</code></li>
</ul>
<h2 id="github-">github主页</h2>
<ul>
<li><a href="https://github.com/ityouknow">纯洁的微笑</a><code>纯洁的微笑</code></li>
<li><a href="https://github.com/jobbole">伯乐在线</a><code>伯乐在线</code></li>
<li><a href="https://github.com/ruanyf">阮一峰</a><code>阮一峰个人github主页</code></li>
</ul>
<h2 id="-">工具</h2>
<ul>
<li><a href="http://tools.jb51.net/">脚本之家工具集合</a><code>脚本之家工具</code></li>
<li><a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Feditor.method.ac%2F&amp;h=2000&amp;c=&amp;n=">图片转svg</a><code>图片转svg</code></li>
<li><a href="https://icons8.com/icons">icon库</a><code>icon库</code></li>
<li><a href="https://juejin.im/post/5d9abf7051882561ba64adcb">vsCode 常用插件分享</a><code>vsCode 常用插件分享</code></li>
</ul>

                    </div>
                    <div class="separateline"><span>正文到此结束</span></div>
                    <div id="social" class="social-like" style="margin-bottom: 45px;">
                        <div class="social-main">
                            <span class="like">
                                <a href="javascript:;" data-id="7" title="点赞" ><i class="fa fa-thumbs-up"></i>赞 <i class="count"> 5</i> </a>
                            </span>
                            <div class="shang-p">
                                <div class="shang-empty"><span></span></div>
                                <span class="shang-s"><a onclick="PaymentUtils.show();" style="cursor:pointer">赏</a> </span>
                            </div>
                            <div class="share-sd">
                                <span class="share-s"><a href="javascript:void(0)" id="share-s" title="分享"><i class="fa fa-share-alt"></i>分享</a></span>
                                <div id="share" style="display: none">
                                    <ul class="bdsharebuttonbox bdshare-button-style1-16" data-bd-bind="1516426362121">
                                        <li><a title="分享到人人网" class="fa fa-renren" data-cmd="renren" onclick="return false;" href="#"></a></li>
                                        <li><a title="分享到腾讯微博" class="fa fa-pinterest-square" data-cmd="tqq" onclick="return false;" href="#"></a></li>
                                        <li><a title="分享到QQ空间" class="fa fa-qq" data-cmd="qzone" onclick="return false;" href="#"></a></li>
                                        <li><a title="分享到新浪微博" class="fa fa-weibo" data-cmd="tsina" onclick="return false;" href="#"></a></li>
                                        <li><a title="分享到微信" class="fa fa-weixin" data-cmd="weixin" onclick="return false;" href="#"></a></li>
                                        <li><a title="更多" class="bds_more fa fa-plus-square" data-cmd="more" onclick="return false;" href="#"></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="article-footer overflow-initial">所属分类：<a href="https://www.dancoder.cn/type/3" data-original-title="点击查看其他分类的文章" data-toggle="tooltip" data-placement="bottom">其他</a></div>
                </div>
            </div>
            <div class="blog-body article-tag">
                <div class="cat">
                    <ul class="list-unstyled">
                        <li>
                            <strong>本文标签：</strong>
                                        <a href="https://www.dancoder.cn/tag/7" class="c-label" data-original-title="其他" data-toggle="tooltip" data-placement="bottom" target="_blank">其他</a>
                                        <a href="https://www.dancoder.cn/tag/22" class="c-label" data-original-title="文章" data-toggle="tooltip" data-placement="bottom" target="_blank">文章</a>
                        </li>
                        <li>
                            <strong>版权声明：</strong>
                            本站原创文章，于2019年08月15日由<a href="https://www.dancoder.cn" target="_blank" data-original-title="蛋码农" data-toggle="tooltip" data-placement="bottom"><strong>蛋蛋</strong></a>发布，转载请注明出处
                        </li>
                    </ul>
                </div>
            </div>
            <div class="blog-body prev-next">
                <nav class="nav-single wow" data-wow-delay="0.3s">
                        <a href="https://www.dancoder.cn/article/9" rel="prev">
                            <span class="meta-nav" data-original-title="Centos7下安装redis" data-toggle="tooltip" data-placement="bottom"><span class="post-nav"><i class="fa fa-angle-left"></i> 上一篇</span>
                                <br>Centos7下安装redis
                            </span>
                        </a>
                        <a href="https://www.dancoder.cn/article/10" rel="next">
                            <span class="meta-nav" data-original-title="Map的有序和无序实现类，与Map的排序" data-toggle="tooltip" data-placement="bottom"><span class="post-nav">下一篇 <i class="fa fa-angle-right"></i></span>
                                <br>Map的有序和无序实现类，与Map的排序
                            </span>
                        </a>
                    <div class="clear"></div>
                </nav>
            </div>
            <div class="blog-body clear overflow-initial">
                <h5 class="custom-title"><i class="fa fa-fire fa-fw icon"></i><strong>热门推荐</strong><small></small></h5>
                <ul class="list-unstyled">
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://dancoder.oss-cn-shanghai.aliyuncs.com/oneblog/20200106113431748.jpg" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.dancoder.cn/article/7" data-original-title="771人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                优秀开源项目、博客、书籍汇总
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(771)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.dancoder.cn/article/7#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(2)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://dancoder.oss-cn-shanghai.aliyuncs.com/oneblog/article/20191112170148884.png" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.dancoder.cn/article/60" data-original-title="266人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                Arthas - Java 线上问题定位处理的终极利器
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(266)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.dancoder.cn/article/60#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(0)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://dancoder.oss-cn-shanghai.aliyuncs.com/oneblog/20190823100724270.png" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.dancoder.cn/article/15" data-original-title="265人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                Docker学习记录（一）：Windows7下Docker的安装
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(265)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.dancoder.cn/article/15#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(3)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://dancoder.oss-cn-shanghai.aliyuncs.com/oneblog/20190823101300547.jpg" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.dancoder.cn/article/14" data-original-title="240人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                使用 jfreechart 生成 曲线、柱状图、饼状图、分布图 展示到JSP
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(240)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.dancoder.cn/article/14#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(0)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.dancoder.cn/article/40" data-original-title="238人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                php-phantomjs使用php截图，laravel 5.6报错
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(238)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.dancoder.cn/article/40#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(0)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://dancoder.oss-cn-shanghai.aliyuncs.com/oneblog/20190823101439638.jpg" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.dancoder.cn/article/11" data-original-title="230人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                Java调用Linux命令（cd的处理）
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(230)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.dancoder.cn/article/11#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(4)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://img-blog.csdnimg.cn/20190511182732213.png" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.dancoder.cn/article/34" data-original-title="218人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                PyEcharts输出保存图片的多种方法
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(218)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.dancoder.cn/article/34#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(0)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.dancoder.cn/article/46" data-original-title="206人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                用数组实现一个栈结构
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(206)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.dancoder.cn/article/46#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(2)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://dancoder.oss-cn-shanghai.aliyuncs.com/oneblog/20190823101300547.jpg" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.dancoder.cn/article/20" data-original-title="192人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                JFreeChart生成混合图（柱状图折线图）并插入excel中
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(192)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.dancoder.cn/article/20#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(0)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://www.dancoder.cn/img/favicon.ico" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.dancoder.cn/article/26" data-original-title="182人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                php 画图(主要采用的是php的GD库) copy直接用
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(182)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.dancoder.cn/article/26#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(0)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="blog-body clear overflow-initial">
                <h5 class="custom-title"><i class="fa fa-google-wallet fa-fw icon"></i><strong>相关文章</strong><small></small></h5>
                <ul class="list-unstyled">
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.dancoder.cn/article/81" data-original-title="34人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>鼠年贺卡
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.dancoder.cn/article/7" data-original-title="771人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>优秀开源项目、博客、书籍汇总
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.dancoder.cn/article/80" data-original-title="44人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>解决google 创建oauth 同意屏幕时 设置隐私政策声明问题
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                </ul>
                <div class="clear"></div>
            </div>
                <div class="blog-body clear overflow-initial expansion">
                    <div id="comment-box-default" data-id="7"></div>
                </div>
                <div>
                    <div id="comment-box" data-id="7"></div>
                </div>
                <div>
                    <div id="comment-list"></div>
                </div>
        </div>
<div class="col-sm-3 blog-sidebar" xmlns="http://www.w3.org/1999/html">
            <div class="sidebar-module">
            <h5 class="custom-title"><i class="fa fa-hand-peace-o fa-fw icon"></i><strong>说给你听</strong><small></small></h5>
            <div class="div-quote">
                <i class="fa fa-quote-left fa-fw"></i><p id="hitokoto" style="margin-left: 15px;"></p>
            </div>
        </div>
    <div class="sidebar-module">
        <h5 class="custom-title"><i class="fa fa-handshake-o fa-fw icon"></i><strong>免注册登录</strong><small></small></h5>
        <div class="div-quote">
            <div class="oauth-box">
                <a href="https://www.dancoder.cn/oauth/render/oschina">
                    <img title="osChina" alt="osChina" src="https://cdn.jsdelivr.net/gh/goudanz/cdn/svg/icon_oschina.svg" class="oauth-btn">
                </a>
                <a href="https://www.dancoder.cn/oauth/render/github">
                    <img title="GitHub" alt="GitHub" src="https://b-gold-cdn.xitu.io/v3/static/img/github.547dd8a.svg" class="oauth-btn">
                </a>
                <a href="https://www.dancoder.cn/oauth/render/baidu">
                    <img title="百度" alt="百度" class="oauth-btn" src="https://cdn.jsdelivr.net/gh/goudanz/cdn/svg/icon_baidu.svg">
                </a>
                <a href="https://www.dancoder.cn/oauth/render/google">
                    <img src="https://cdn.jsdelivr.net/gh/goudanz/cdn/svg/icon_google.svg" class="oauth-btn">
                </a>
                <a href="https://www.dancoder.cn/oauth/render/wechat">
                    <img title="微信" alt="微信" src="https://b-gold-cdn.xitu.io/v3/static/img/wechat.e0ff124.svg" class="oauth-btn">
                </a>
            </div>
        </div>
    </div>

    <div class="sidebar-module article-module hide" style="top: 0;">
        <h5 class="custom-title"><i class="fa fa-book fa-fw icon"></i><strong>本文目录</strong><i class="fa fa-close pull-right close-article-menu hide pointer"></i><small></small></h5>
        <div id="article-menu">
            <ul class="list-unstyled"></ul>
        </div>
    </div>
    <div class="sidebar-module">
        <h5 class="custom-title"><i class="fa fa-tags fa-fw icon"></i><strong>标签云</strong><small></small></h5>
        <ul class="list-unstyled list-inline">

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/1" title="Linux" data-toggle="tooltip" data-placement="bottom">
                                    Linux
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/2" title="Java" data-toggle="tooltip" data-placement="bottom">
                                    Java
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/3" title="Spring" data-toggle="tooltip" data-placement="bottom">
                                    Spring
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/4" title="Spring Boot" data-toggle="tooltip" data-placement="bottom">
                                    Spring Boot
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/6" title="php" data-toggle="tooltip" data-placement="bottom">
                                    php
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/7" title="其他" data-toggle="tooltip" data-placement="bottom">
                                    其他
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/8" title="运维" data-toggle="tooltip" data-placement="bottom">
                                    运维
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/9" title="Redis" data-toggle="tooltip" data-placement="bottom">
                                    Redis
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/10" title="图表" data-toggle="tooltip" data-placement="bottom">
                                    图表
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/11" title="Tomcat" data-toggle="tooltip" data-placement="bottom">
                                    Tomcat
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/12" title="Maven" data-toggle="tooltip" data-placement="bottom">
                                    Maven
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/13" title="Docker" data-toggle="tooltip" data-placement="bottom">
                                    Docker
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/14" title="Git" data-toggle="tooltip" data-placement="bottom">
                                    Git
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/15" title="Shell" data-toggle="tooltip" data-placement="bottom">
                                    Shell
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/16" title="Python" data-toggle="tooltip" data-placement="bottom">
                                    Python
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/17" title="爬虫" data-toggle="tooltip" data-placement="bottom">
                                    爬虫
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/18" title="oauth2" data-toggle="tooltip" data-placement="bottom">
                                    oauth2
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/19" title="微信公众号" data-toggle="tooltip" data-placement="bottom">
                                    微信公众号
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/20" title="微信小程序" data-toggle="tooltip" data-placement="bottom">
                                    微信小程序
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/21" title="pyecharts" data-toggle="tooltip" data-placement="bottom">
                                    pyecharts
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/22" title="文章" data-toggle="tooltip" data-placement="bottom">
                                    文章
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/23" title="mysql" data-toggle="tooltip" data-placement="bottom">
                                    mysql
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/24" title="架构设计" data-toggle="tooltip" data-placement="bottom">
                                    架构设计
                                </a>
                            </li>

                            <li class="tag-li">
                                <a class="btn btn-default btn-xs" href="https://www.dancoder.cn/tag/25" title="homebrew" data-toggle="tooltip" data-placement="bottom">
                                    homebrew
                                </a>
                            </li>
        </ul>
    </div>
            <div class="sidebar-module">
                <h5 class="custom-title"><i class="fa fa-comments fa-fw icon"></i><strong>近期评论</strong><small></small></h5>
                <ul class="list-unstyled list-inline comments">
                    <li>
                        <div class="clearfix" style="display: block;">
                            <span>
                                <img alt="超级管理员" src="https://www.dancoder.cn/img/favicon.ico" class="avatar" width="50" height="50" onerror="this.src='https://www.dancoder.cn/img/user.png'">
                            </span>
                            <span class="newest_comment_author">
                                <a id="user-271" class="users" href="">超级管理员</a>
                            </span>
                            <span class="fr" style="float: right;">
                                <time style="font-size: 12px;" class="comment-meta-item timeago fs12 gray" itemprop="datePublished" data-tid="40">2019-12-17 19:54</time>
                            </span>
                        </div>
                        <div style="background-color: #f0f2f5;line-height: 1.3;border-radius: 3px;color: #333;" class="newest_comment_content pd10 mar10-t pos-r mar5-b pjt fs13">
                            <a href="/guestbook#comment-38" title="不好意思哈！可能因为我中途恢复...">
                                不好意思哈！可能因为我中途恢复...
                            </a>
                        </div>
                        <span class="gray fs12" style="word-break: break-all;">来自：
                            <a href="https://www.dancoder.cn/article/0">留言板 </a>
                        </span>
                    </li>
                    <li>
                        <div class="clearfix" style="display: block;">
                            <span>
                                <img alt="　" src="https://thirdqq.qlogo.cn/g?b=oidb&k=JZhozEHnJUOtdejZoXbhicg&s=100&t=1574829432" class="avatar" width="50" height="50" onerror="this.src='https://www.dancoder.cn/img/user.png'">
                            </span>
                            <span class="newest_comment_author">
                                <a id="user-271" class="users" href="">　</a>
                            </span>
                            <span class="fr" style="float: right;">
                                <time style="font-size: 12px;" class="comment-meta-item timeago fs12 gray" itemprop="datePublished" data-tid="40">2019-12-16 16:50</time>
                            </span>
                        </div>
                        <div style="background-color: #f0f2f5;line-height: 1.3;border-radius: 3px;color: #333;" class="newest_comment_content pd10 mar10-t pos-r mar5-b pjt fs13">
                            <a href="/guestbook#comment-37" title="大佬我的友链呢？https:/...">
                                大佬我的友链呢？https:/...
                            </a>
                        </div>
                        <span class="gray fs12" style="word-break: break-all;">来自：
                            <a href="https://www.dancoder.cn/article/0">留言板 </a>
                        </span>
                    </li>
                    <li>
                        <div class="clearfix" style="display: block;">
                            <span>
                                <img alt="超级管理员" src="https://www.dancoder.cn/img/favicon.ico" class="avatar" width="50" height="50" onerror="this.src='https://www.dancoder.cn/img/user.png'">
                            </span>
                            <span class="newest_comment_author">
                                <a id="user-271" class="users" href="">超级管理员</a>
                            </span>
                            <span class="fr" style="float: right;">
                                <time style="font-size: 12px;" class="comment-meta-item timeago fs12 gray" itemprop="datePublished" data-tid="40">2019-12-06 14:14</time>
                            </span>
                        </div>
                        <div style="background-color: #f0f2f5;line-height: 1.3;border-radius: 3px;color: #333;" class="newest_comment_content pd10 mar10-t pos-r mar5-b pjt fs13">
                            <a href="/guestbook#comment-35" title="谢谢！">
                                谢谢！
                            </a>
                        </div>
                        <span class="gray fs12" style="word-break: break-all;">来自：
                            <a href="https://www.dancoder.cn/article/0">留言板 </a>
                        </span>
                    </li>
                    <li>
                        <div class="clearfix" style="display: block;">
                            <span>
                                <img alt="dddd" src="https://thirdqq.qlogo.cn/g?b=oidb&k=ev1IPniasBUq24QOBM0rYbw&s=100&t=1559132441" class="avatar" width="50" height="50" onerror="this.src='https://www.dancoder.cn/img/user.png'">
                            </span>
                            <span class="newest_comment_author">
                                <a id="user-271" class="users" href="">dddd</a>
                            </span>
                            <span class="fr" style="float: right;">
                                <time style="font-size: 12px;" class="comment-meta-item timeago fs12 gray" itemprop="datePublished" data-tid="40">2019-12-06 14:14</time>
                            </span>
                        </div>
                        <div style="background-color: #f0f2f5;line-height: 1.3;border-radius: 3px;color: #333;" class="newest_comment_content pd10 mar10-t pos-r mar5-b pjt fs13">
                            <a href="/guestbook#comment-34" title="挺牛逼的！">
                                挺牛逼的！
                            </a>
                        </div>
                        <span class="gray fs12" style="word-break: break-all;">来自：
                            <a href="https://www.dancoder.cn/article/0">留言板 </a>
                        </span>
                    </li>
                    <li>
                        <div class="clearfix" style="display: block;">
                            <span>
                                <img alt="dddd" src="https://thirdqq.qlogo.cn/g?b=oidb&k=ev1IPniasBUq24QOBM0rYbw&s=100&t=1559132441" class="avatar" width="50" height="50" onerror="this.src='https://www.dancoder.cn/img/user.png'">
                            </span>
                            <span class="newest_comment_author">
                                <a id="user-271" class="users" href="">dddd</a>
                            </span>
                            <span class="fr" style="float: right;">
                                <time style="font-size: 12px;" class="comment-meta-item timeago fs12 gray" itemprop="datePublished" data-tid="40">2019-12-06 13:40</time>
                            </span>
                        </div>
                        <div style="background-color: #f0f2f5;line-height: 1.3;border-radius: 3px;color: #333;" class="newest_comment_content pd10 mar10-t pos-r mar5-b pjt fs13">
                            <a href="/guestbook#comment-33" title="System.out.prin...">
                                System.out.prin...
                            </a>
                        </div>
                        <span class="gray fs12" style="word-break: break-all;">来自：
                            <a href="https://www.dancoder.cn/article/0">留言板 </a>
                        </span>
                    </li>
                </ul>
            </div>
    <div class="sidebar-module">
        <ul class="nav nav-tabs sidebar-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"><i class="fa fa-list"></i>近期文章</a></li>
            <li role="presentation"><a href="#home" aria-controls="home" role="tab" data-toggle="tab"><i class="fa fa-thumbs-o-up"></i>站长推荐</a></li>
            <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab"><i class="fa fa-hand-peace-o"></i>随机文章</a></li>
        </ul>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="profile">
                <ol class="list-unstyled">
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/81" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-1">1</span> 鼠年贺卡
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/7" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-2">2</span> 优秀开源项目、博客、书籍汇总
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/60" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-3">3</span> Arthas - Java 线上问题定位处理的终极利器
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/59" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-4">4</span> SpringBoot中如何灵活的实现接口数据的加解密功能？
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/15" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-5">5</span> Docker学习记录（一）：Windows7下Docker的安装
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/80" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-6">6</span> 解决google 创建oauth 同意屏幕时 设置隐私政策声明问题
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/78" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-7">7</span> HTML+CSS底部footer两种固定方式
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/77" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-8">8</span> laravel validator 自定义验证器
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/76" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-9">9</span> Python 常用代码
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/75" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-10">10</span> pip SSLError 解决方案
                                    </a>
                                </li>
                </ol>
            </div>
            <div role="tabpanel" class="tab-pane" id="home">
                <ol class="list-unstyled">
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/81" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-1">1</span> 鼠年贺卡
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/7" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-2">2</span> 优秀开源项目、博客、书籍汇总
                                    </a>
                                </li>
                </ol>
            </div>
            <div role="tabpanel" class="tab-pane" id="messages">
                <ol class="list-unstyled">
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/28" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-1">1</span> PHP的Collection集合类
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/15" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-2">2</span> Docker学习记录（一）：Windows7下Docker的安装
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/56" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-3">3</span> laravel command unit
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/13" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-4">4</span> 使用JFreeChart实现基于Web的柱状图
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/31" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-5">5</span> Laravel框架实现的使用smtp发送邮件功能示例
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/61" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-6">6</span> Java 面试题-（持续补充）
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/17" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-7">7</span> java 获取当天0点0分0秒（00:00:00）+Calendar工具类
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/16" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-8">8</span> 几种工具反编译被编译好的DLL文件【转载】
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/23" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-9">9</span> Laravel 5.5 .No application encryption key has been specified
                                    </a>
                                </li>
                                <li class="comment-li">
                                    <a href="https://www.dancoder.cn/article/67" data-toggle="tooltip" data-placement="bottom"> 
                                        <span class="li-icon li-icon-10">10</span> mysql按照汉字拼音进行order by排序
                                    </a>
                                </li>
                </ol>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="sidebar-module">
        <h5 class="custom-title"><i class="fa fa-info fa-fw icon"></i><strong>网站信息</strong><small></small></h5>
        <ul class="ul-default site-info">
                <li> <i class="fa fa-file fa-fw"></i>  文章总数：61 篇</li>
                <li> <i class="fa fa-tags fa-fw"></i> 标签总数：24 个</li>
                <li> <i class="fa fa-folder-open fa-fw"></i> 分类总数：9 个</li>
                <li> <i class="fa fa-comments fa-fw"></i> 留言数量：20 条</li>
                <li> <i class="fa fa-users fa-fw"></i> 在线人数：<span class="online">1</span>人</li>
                <li> <i class="fa fa-calendar fa-fw"></i> 运行天数：206天</li>
                <li> <i class="fa fa-pencil-square fa-fw"></i> 最后更新：2020年01月01日12点</li>
        </ul>
    </div>
</div>        <div class="left-ui social-like">
            <div class="ui-left-menu">
                <a data-id="7" href="javascript:;" class="item like-text" title="点赞">
                    <i class="fa fa-thumbs-up"></i>
                    <span class="loveCnt">5</span>
                </a>
                <a class="item" href="javascript:;" title="收藏">
                    <i class="fa fa-paper-plane" aria-hidden="true"></i>
                    <span class="collectCnt">99</span>
                </a>
                <a class="item" href="#replies" onclick="scrollToAnchor('replies')" title="评论">
                    <i class="fa fa-comment" aria-hidden="true"></i>
                    <span class="commentCnt">2</span>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="modal fade nav-search-box" tabindex="-1" role="dialog" aria-labelledby="navSearchModalLabel"
     xmlns="http://www.w3.org/1999/html">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header" style="padding: 5px 15px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-top: 10px;">
                    <span aria-hidden="true">&times;</span></button>
                <h4><i class="fa fa-search"></i> 搜索文章</h4>
            </div>
            <div class="modal-body">
                <form action="/" method="post" class="form-horizontal searchForm" id="searchForm">
                    <input type="hidden" name="pageNumber" value="1">
                    <div class="input-group bottom-line">
                        <input type="text" class="form-control br-none" name="keywords" value=""
                               required="required" placeholder="输入搜索内容">
                        <span class="input-group-btn">
                        <button class="btn btn-default br-none nav-search-btn pointer" type="submit"><i
                                    class="fa fa-search"></i> 搜索</button>
                    </span>
                    </div>
                    <div class="clear"></div>
                    <ul class="list-unstyled list-inline search-hot">
                        <li><strong style="position: relative;top: 2px;color: #999999;">热门搜索：</strong></li>
                        <li><a class="pointer" rel="external nofollow"><span class="label label-default">Java</span></a>
                        </li>
                        <li><a class="pointer" rel="external nofollow"><span
                                        class="label label-primary">Springboot</span></a></li>
                        <li><a class="pointer" rel="external nofollow"><span
                                        class="label label-success">Linux</span></a></li>
                        <li><a class="pointer" rel="external nofollow"><span class="label label-info">Maven</span></a>
                        </li>
                        <li><a class="pointer" rel="external nofollow"><span
                                        class="label label-warning">Bootstrap</span></a></li>
                        <li><a class="pointer" rel="external nofollow"><span class="label label-danger">阿里云</span></a>
                        </li>
                    </ul>
                </form>
            </div>
        </div>
    </div>
</div>
<!--评论弹框-->
<div class="modal fade bs-example-modal-sm" id="comment-detail-modal" tabindex="-1" role="dialog"
     aria-labelledby="comment-detail-modal-label">
    <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>
                <h4 class="modal-title" id="comment-detail-modal-label">评论信息框</h4>
                <small><i class="fa fa-lightbulb-o fa-fw"></i>可以通过QQ号实时获取昵称和头像</small>
            </div>
            <div class="modal-body">
                <form id="detail-form">
                    <input type="hidden" name="avatar">
                    <div class="form-group input-logo">
                        <input type="text" class="form-control" name="qq" placeholder="选填" value="">
                        <img class="pull-left hide" alt="">
                        <span class="fa fa-qq pull-left" aria-hidden="true">QQ</span>
                    </div>
                    <div class="form-group input-logo">
                        <input type="text" class="form-control" name="nickname" placeholder="必填" value="匿名">
                        <span class="fa fa-user pull-left" aria-hidden="true">昵称</span>
                    </div>
                    <div class="form-group input-logo">
                        <input type="text" class="form-control" name="email" placeholder="选填">
                        <span class="fa fa-envelope pull-left" aria-hidden="true">邮箱</span>
                    </div>
                    <div class="form-group input-logo">
                        <input type="text" class="form-control" name="url" placeholder="选填">
                        <span class="fa fa-globe pull-left" aria-hidden="true">网址</span>
                    </div>
                    <div class="form-group">
                        <button type="button" class="btn btn-default btn-sm" id="detail-form-btn"><i
                                    class="fa fa-smile-o"></i>提交评论
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="reward" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <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>
                <h4 class="modal-title">山无棱江水为竭，冬雷震震夏雨雪，才敢请君舍</h4>
            </div>
            <div class="modal-body">
                <div class="rewardType" align="center">
                    <ul class="list-unstyle list-inline">
                        <li style="margin-right: 20px;">
                            <input type="radio" name="type" id="alipay" onclick="PaymentUtils.change(0)" data-index="0"
                                   checked="checked"><span style="margin-left: 5px;">支付宝</span>
                        </li>
                        <li style="margin-right: 20px;">
                            <input type="radio" name="type" id="wechat" onclick="PaymentUtils.change(1)" data-index="1"><span
                                    style="margin-left: 5px;">微信</span>
                        </li>
                    </ul>
                </div>
                <div id="qrcode-container" align="center" style="margin-top: 10px;"></div>
                <div style="width: 100%;color: #a3a3a3;font-size: 16px;font-family: 'Microsoft YaHei';text-align: center;">
                    转账时请备注“<strong>博客赞助</strong>”
                </div>
            </div>
        </div>
        <small class="font-bold"></small>
    </div>
    <small class="font-bold"> </small>
</div>

<div class="modal fade" id="login-modal" tabindex="-1" role="dialog">
    <div class="login-dialog">
        <div class="dialog__content">
            <button class="pos-a form-close text" data-dismiss="modal" aria-label="Close">
                <i class="fa fa-times"></i>
            </button>
            <div class="form-title pd10">
                <h2><img src="https://dancoder.oss-cn-shanghai.aliyuncs.com/oneblog/20190817235024741.png"
                         class="sign-header"></h2>
            </div>

            <div id="div_register" class="sign-form-pd pos-r">
                <form submit="return false" id="register-from" class="sign-form-input">
                    <div class="bor-out">
                        <label>
							<span class="tip-icon">
								<i class="fa fa-user-o"></i>
							</span>
                            <input disabled="disabled" type="text" autocorrect="off" autocapitalize="off" autocomplete="off"
                                   spellcheck="false" name="username" tabindex="1" placeholder="昵称" class="username">
                            <span class="sign-des">支持中文，英文，用于登录</span>
                        </label> <!---->
                        <label>
							<span class="tip-icon">
								<i class="fa fa-envelope-o"></i>
							</span>
                            <input disabled="disabled" type="text" name="email" autocorrect="off" autocapitalize="off" autocomplete="off"
                                   spellcheck="false" tabindex="2" placeholder="邮箱" class="phone-email">
                            <span class="sign-des">用作找回密码</span>
                        </label> <!---->
                        <label>
							<span class="tip-icon">
								<i class="fa fa-key"></i>
							</span>
                            <input disabled="disabled" type="password" name="password" autocorrect="off" autocapitalize="off"
                                   autocomplete="off" spellcheck="false" tabindex="5" placeholder="密码" class="pass">
                            <span class="sign-des">6位以上</span>
                        </label> <!----> <!----> <!---->
                    </div>
                    <div class="t-c mar20-t">
                        <button disabled="disabled" class="submit w100" onclick="userRegister();"><b class=""></b>
                            <span id="register-btn">提交注册</span>
                        </button> <!---->
                    </div>
                    <div class="sign-info mar20-t clearfix fs12">
                        <div class="fl">忘记密码？
                            <span onclick="changePage('forget')">找回</span>
                        </div>
                        <div class="fr">已有帐号？
                            <span onclick="changePage('login')">登录</span>
                        </div>
                    </div>
                </form>
            </div>

            <div id="div_login" class="sign-form-pd pos-r">
                <form id="login-from" class="sign-form-input">
                    <div class="bor-out"><!----> <!---->
                        <label>
							<span class="tip-icon">
								<i class="fa fa-user-o"></i>
							</span>
                            <input disabled="disabled" type="text" autocorrect="off" autocapitalize="off" autocomplete="off"
                                   spellcheck="false" id="username" name="username" tabindex="1" placeholder="昵称"
                                   class="username">
                            <span class="sign-des">支持中文，英文</span>
                        </label>
                        <label>
							<span class="tip-icon">
								<i class="fa fa-key"></i>
							</span>
                            <input disabled="disabled" type="password" autocorrect="off" autocapitalize="off" autocomplete="off"
                                   spellcheck="false" id="password" name="password" tabindex="5" placeholder="密码"
                                   class="pass">
                            <!---->
                        </label>
                    </div>
                    <div class="t-c mar20-t">
                        <button disabled="disabled" id="onLogin" type="submit" class="submit w100">
                            <b class=""></b>
                            <span class="login-text">立刻登录</span>
                        </button>
                        <div class="submit-error mar10-t mouh">
                            <span id="fs12" class="fs12">请暂时使用社交帐号登录，谢谢</span><i class="fa fa-smile-o"></i><i class="fa fa-smile-o"></i><i class="fa fa-smile-o"></i>
                        </div>
                    </div>
                    <div class="sign-info mar20-t clearfix fs12">
                        <div class="fl">忘记密码？
                            <span onclick="changePage('forget')">找回</span>
                        </div>
                        <div class="fr">没有帐号？
                            <span onclick="changePage('register')">注册</span>
                        </div>
                    </div>
                </form>
            </div>

            <div id="div_forget" class="sign-form-pd pos-r">
                <form class="sign-form-input">
                    <div class="bor-out"><!---->
                        <p class="fs12 mar10-b">验证码将会发送至你的注册邮箱或手机</p>
                        <label>
                                <span class="tip-icon">
                                    <i class="fa fa-envelope-o"></i>
                                </span>
                            <input disabled="disabled" type="text" autocorrect="off" autocapitalize="off" autocomplete="off"
                                   spellcheck="false" name="username" tabindex="2" placeholder="邮箱"
                                   onchange="console.log(this.value);" class="phone-email">
                            <!---->
                        </label>
                        <label id="sendcode">
                                <span class="tip-icon">
                                    <i class="iconfont zrz-icon-font-ecurityCode"></i>
                                </span>
                            <input disabled="disabled" type="text" name="code" tabindex="3" autocorrect="off" autocapitalize="off"
                                   autocomplete="off" spellcheck="false" placeholder="验证码" class="code">
                            <span class="send-code button">发送验证码</span>
                        </label>
                    </div>
                    <div class="t-c mar20-t">
                        <button disabled="disabled" type="submit" class="submit w100">
                            <b class=""></b>
                            <span>下一步</span>
                        </button> <!---->
                    </div>
                    <div class="sign-info mar20-t clearfix fs12">
                        <div class="fl">忘记密码？
                            <span>找回</span>
                        </div>
                        <div class="fr">已有帐号？
                            <span onclick="changePage('login')">登录</span>
                        </div>
                    </div>
                </form>
            </div>

            <div class="open-sign pd20">
                <p class="fs12 gray pos-r">
                    <span>社交帐号直接登录</span>
                </p>
                <div class="form-open mar20-t">
                    <a href="https://www.dancoder.cn/oauth/render/qq" title="QQ">
                        <button class="qq-ico empty">
                            <i class="fa fa-qq"></i> QQ登录
                        </button>
                    </a>
                    <a href="https://www.dancoder.cn/oauth/render/gitee" title="github">
                        <button class="github-ico empty">
                            <img style="vertical-align: sub;margin: auto 3px;"
                                 src="https://dancoder.oss-cn-shanghai.aliyuncs.com/oneblog/20190818222117619.png">
                            码云登录
                        </button>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="loading">
    <div class="filter"></div>
    <div class="loader">
        <div class="loading-1"></div>
        <div class="loading-2">Loading...</div>
    </div>
</div>
<footer class="footer">
    <div class="container">
        <div class="row">
            <div class="col col-xs-12 col-md-12 col-lg-12">
                <p>
                    <ul class="list-unstyled list-inline">
                        <li>其他连接：</li>
                        <li><a href="https://www.dancoder.cn/sitemap.html" target="_blank" title="网站地图" data-toggle="tooltip"
                               data-placement="bottom"><i class="fa fa-map-o fa-fw"></i>网站地图</a></li>
                        <li><a href="https://www.dancoder.cn/recommended" title="站长推荐" data-toggle="tooltip"
                               data-placement="bottom"><i class="fa fa-thumbs-o-up fa-fw"></i>站长推荐</a></li>
                        <li><a href="https://www.dancoder.cn/updateLog" title="更新记录" data-toggle="tooltip"
                               data-placement="bottom"><i class="fa fa-file-o fa-fw"></i>更新记录</a></li>
                        <li><a href="https://www.dancoder.cn/archives" title="归档目录" data-toggle="tooltip" data-placement="bottom"><i
                                        class="fa fa-folder-o fa-fw"></i>归档目录</a></li>
                        <li><a href="https://www.dancoder.cn/disclaimer" title="免责声明" data-toggle="tooltip"
                               data-placement="bottom"><i class="fa fa-file-o fa-fw"></i>免责声明</a></li>
                    </ul>
                </p>
                <p>托管于
                    <a href="https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=wylo59db"
                         target="_blank" title="阿里云-为了无法计算的价值" data-toggle="tooltip" data-placement="bottom"
                         rel="external nofollow">阿里云
                    </a>
                     ·
                        <a href="http://www.miitbeian.gov.cn/publish/query/indexFirst.action" target="_blank"
                            title="查看备案信息" data-toggle="tooltip" data-placement="bottom"
                            rel="external nofollow">陕ICP备17013266号
                        </a>
                    <a href="https://tongji.baidu.com/web/welcome/ico?s=16388bd2558aacf1b4e832b4feb2a061" target="_blank" title="" data-toggle="tooltip" data-placement="right" rel="external nofollow" data-original-title="点击查看蛋码农博客网站统计详情"><i class="fa fa-bar-chart-o fa-fw"></i>网站统计</a>
                </p>

            </div>
            <div class="col col-md-4"></div>
        </div>
    </div>
</footer>

<div class="back-top">
    <div class="_3MyrRP" role="button" tabindex="-1" aria-label="回到顶部">
        <i aria-label="icon: caret-up" class="anticon anticon-caret-up">
            <svg viewBox="0 0 1024 1024" focusable="false" class="" data-icon="caret-up" width="1em" height="1em" fill="currentColor" aria-hidden="true">
                <path d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"></path>
            </svg>
        </i>
    </div>
</div>

<script src="https://cdn.dingxiang-inc.com/ctu-group/captcha-ui/index.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@1.11.1/dist/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.0/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery-lazyload@1.9.3/jquery.lazyload.min.js"></script>
<script type="text/javascript"
        src="https://cdn.jsdelivr.net/npm/jquery-confirm@3.3.2/dist/jquery-confirm.min.js"></script>
<script type="text/javascript"
        src="https://cdn.jsdelivr.net/npm/jquery.fancybox@2.1.5/source/jquery.fancybox.min.js"></script>
<script type="text/javascript"
        src="https://cdn.jsdelivr.net/npm/bootstrapvalidator@0.5.4/dist/js/bootstrapValidator.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/xss@0.3.3/dist/xss.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/mustache@2.3.0/mustache.min.js"></script>
<script type="text/javascript" src="https://www.dancoder.cn/js/login/jquery.verify.js"></script>
<script type="text/javascript">
    var appConfig = {
        siteName: '蛋码农',
        wwwPath: 'https://www.dancoder.cn',
        cmsPath: 'https://admin.dancoder.cn',
        staticPath: 'https://www.dancoder.cn',
        lazyloadPath: '',
        fileStoragePath: 'https://dancoder.oss-cn-shanghai.aliyuncs.com/',
        wxPraiseCode: 'https://dancoder.oss-cn-shanghai.aliyuncs.com/oneblog/qrcode/20190901020759261.jpg',
        zfbPraiseCode: '',
        anonymous: '1',
        editorPlaceholder: '说点什么吧',
        editorAlert: '美言美语受人敬，恶言恶语伤人心',
        dynamicTitle: '开心学技术'
    };

    var oauthConfig = {
        loginUserId: '',
        loginUserName: '',
        loginUserAvatar: ''
    }

    var flag = false;

    function IsPC() {
        var userAgentInfo = navigator.userAgent;
        var Agents = ["Android", "iPhone",
            "SymbianOS", "Windows Phone",
            "iPad", "iPod"];
        var flag = true;
        for (var v = 0; v < Agents.length; v++) {
            if (userAgentInfo.indexOf(Agents[v]) > 0) {
                flag = false;
                break;
            }
        }
        return flag;
    }
    function ca() {
        if (!IsPC()){
            document.getElementById("skPlayer").style.display="none";
        }
    }
    ca();

    function sendCode() {
    debugger
        var val = $(this).attr("value");
        if (val.length > 0) {
            sendcode_div.style.display = 'block';
        } else if (val.length == 0) {
            sendcode_div.style.display = 'none';
        }
    };

    // 切换登录/注册界面
    function changePage(val) {
        var login_div = document.getElementById("div_login");
        var register_div = document.getElementById("div_register");
        var forget_div = document.getElementById("div_forget");
        if (val == 'login') {
            login_div.style.display = 'block';    // 切换效果的关键，思路就是将要显示的 display设置为 block
            register_div.style.display = 'none';  // 然后将要隐藏的盒子的 display 设置为 none
            forget_div.style.display = 'none';
        } else if (val == 'register') {
            login_div.style.display = 'none';     // 同上
            register_div.style.display = 'block';
        } else if (val == 'forget') {
            forget_div.style.display = 'block';
            login_div.style.display = 'none';
            register_div.style.display = 'none';
        }
    }
</script>
<script type="text/javascript" src="https://www.dancoder.cn/js/zhyd.core.js"></script>
<script type="text/javascript" src="https://www.dancoder.cn/js/zhyd.comment.js"></script>
<script type="text/javascript" src="https://www.dancoder.cn/js/zhyd.js"></script>
    <script type="text/javascript">
        /*
            百度分享
            建议改成自己的百度分享js，否则你是没法查看分享的统计结果的。
         */
        var bdText = $("#meta_description").attr("content")+" - by https://www.dancoder.cn";
        // 如果文章没有封面图，则取默认的图片
        var coverImg = $("#cover-img").attr("src") || "https://www.dancoder.cn/img/default_article_cover.jpg";
        window._bd_share_config={"common":{"bdSnsKey":{},"bdText":bdText,"bdMini":"2","bdMiniList":["mshare","qzone","tsina","bdysc","weixin","renren","tqq","kaixin001","tqf","tieba","douban","bdhome","sqq","youdao","sdo","qingbiji","mail","isohu","ty","fbook","twi","linkedin","h163","evernotecn","copy","print"],"bdPic":coverImg,"bdStyle":"1","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
    </script>
    <script src="https://v1.hitokoto.cn/?encode=js&c=d&select=%23hitokoto" defer></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/highlight.js@9.12.0/lib/highlight.min.js"></script>
	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/simplemde@1.11.2/dist/simplemde.min.js"></script>

    </body>
</html>