呵呵

 <!DOCTYPE html>
 <html lang="zh-CN">
 <head>
 <meta charset="UTF-8">
 <link rel="canonical" href="https://blog.csdn.net/cpongo1/article/details/77453319"/>
 <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=Edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 <meta name="referrer" content="always">
 <meta name="description" content="欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:
 Markdown和扩展Markdown简洁的语法
 代码块高亮
 图片链接和图片上传
 LaTex数学公式
 UML序列图和流程图
 离线写博客
 导入导出Markdown文件
 丰富的快捷键
 快捷键
 加粗 Ctrl + B
 斜体 Ctrl + I
 引用 Ctrl" />
 <meta name="keywords" content="" />
 <meta http-equiv="Cache-Control" content="no-siteapp" /><link rel="alternate" media="handheld" href="#" />
 <meta name="shenma-site-verification" content="5a59773ab8077d4a62bf469ab966a63b_1497598848">
 <script src="https://csdnimg.cn/release/phoenix/vendor/tingyun/tingyun-rum-blog.js"></script>
  
 <link href="https://csdnimg.cn/public/favicon.ico" rel="SHORTCUT ICON">
 <title>欢迎使用CSDN-markdown编辑器 - CSDN博客</title>
  
 <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/detail-7697f17a56.min.css">
 <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/themes/skin3-template/skin3-template-02ffddfbf5.min.css">
  
 <script type="text/javascript">
 var username = "cpongo1";
 var blog_address = "https://blog.csdn.net/cpongo1";
 var static_host = "https://csdnimg.cn/release/phoenix/";
 var currentUserName = "cpongo1";
 var isShowAds = false;
 var isOwner = true;
 var loginUrl = "https://passport.csdn.net/account/login?from=https://blog.csdn.net/cpongo1/article/details/77453319"
 var blogUrl = "https://blog.csdn.net/";
 var curSkin = "skin3-template";
 </script>
 <script type="text/javascript">
 // Traffic Stats of the entire Web site By baidu
 var _hmt = _hmt || [];
 (function() {
 var hm = document.createElement("script");
 hm.src = "https://hm.baidu.com/hm.js?6bcd52f51e9b3dce32bec4a3997715ac";
 var s = document.getElementsByTagName("script")[0];
 s.parentNode.insertBefore(hm, s);
 })();
 // Traffic Stats of the entire Web site By baidu end
 </script>
 <script src="https://csdnimg.cn/public/common/libs/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
 <script src="https://csdnimg.cn/rabbit/exposure-click/main-1.0.6.js"></script>
 <script type="text/javascript" src="https://csdnimg.cn/pubfooter/js/tracking-1.0.2.js" charset="utf-8"></script>
 <link rel="stylesheet" href="https://csdnimg.cn/public/sandalstrap/1.2/css/sandalstrap.min.css">
 <style>
 .MathJax, .MathJax_Message, .MathJax_Preview{
 display: none
 }
 </style>
 </head>
 <body>
 <link rel="stylesheet" href="https://csdnimg.cn/public/common/toolbar/content_toolbar_css/content_toolbar.css">
 <script id="toolbar-tpl-scriptId" src="https://csdnimg.cn/public/common/toolbar/js/content_toolbar.js" type="text/javascript" domain="https://blog.csdn.net/"></script>
 <script src="https://csdnimg.cn/public/sandalstrap/1.2/fonts/csdnc/csdnc.js"></script><link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/blog_code-c3a0c33d5c.css">
 <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/vendor/pagination/paging.css">
 <script type="text/javascript" src="//static.mediav.com/js/mvf_news_feed.js"></script>
 <script>
 var recommendCount = 9;
 recommendCount = recommendCount > 1 ? (recommendCount + (recommendCount>6 ? 2 : 1)) : recommendCount;
 var articleTit = '欢迎使用CSDN-markdown编辑器';
 var ChannelId = 1;
 var articleId = '77453319';
 var commentscount = 0;
 var islock = false;
 var curentUrl = "https://blog.csdn.net/cpongo1/article/details/77453319";
 var myUrl = "https://my.csdn.net/";
 //1禁止评论,2正常
 var commentAuth = 2;
 //百度搜索
 var baiduKey = "";
 var needInsertBaidu = true;
 </script>
  
 <header>
 <div class="container d-flex clearfix">
 <div class="title-box">
 <h6 class="title-blog">
 <a href="https://blog.csdn.net/cpongo1">测试新版博客</a>
 </h6>
 <p class="description">测试新版博客测试新版博客测试新版博客测试新版博客</p>
 </div>
 <div class="opt-box d-flex justify-content-end">
 <a class="btn btn-sm" href="https://blog.csdn.net/cpongo1/rss/list">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-rss"></use>
 </svg>RSS订阅</a>
 <a class="btn btn-sm" href="https://mp.csdn.net/postlist">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-cog"></use>
 </svg>管理博客</a>
 </div>
 </div>
 </header><script src="https://dup.baidustatic.com/js/ds.js"></script>
 <div class="container clearfix pt0" id="mainBox">
 <aside>
 <div id="asideProfile" class="aside-box">
 <h3 class="aside-title">个人资料</h3>
 <div class="profile-intro d-flex">
 <div class="avatar-box d-flex justify-content-center flex-column">
 <a href="https://blog.csdn.net/cpongo1">
 <img src="https://avatar.csdn.net/1/A/9/3_cpongo1.jpg" class="avatar_pic">
 </a>
 </div>
 <div class="user-info d-flex justify-content-center flex-column">
 <p class="name csdn-tracking-statistics tracking-click" data-mod="popu_379">
 <a href="https://blog.csdn.net/cpongo1" target="_blank" class="text-truncate" id="uid">cpongo1</a>
 </p>
 <p class="flag">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-blogexpert"></use>
 </svg>
 博客专家
 </p>
 </div>
 </div>
 <div class="data-info d-flex item-tiling">
 <dl class="text-center" title="97">
 <dt>原创</dt>
 <dd><span class="count">97</span></dd>
 </dl>
 <dl class="text-center" title="26">
 <dt>粉丝</dt>
 <dd><span class="count" id="fan">26</span></dd>
 </dl>
 <dl class="text-center" title="28">
 <dt>喜欢</dt>
 <dd><span class="count">28</span></dd>
 </dl>
 <dl class="text-center" title="61">
 <dt>评论</dt>
 <dd><span class="count">61</span></dd>
 </dl>
 </div>
 <div class="grade-box clearfix">
 <dl>
 <dt>等级:</dt>
 <dd>
 <a href="https://blog.csdn.net/home/help.html#level" title="4级,点击查看等级说明" target="_blank">
 <svg class="icon icon-level" aria-hidden="true">
 <use xlink:href="#csdnc-bloglevel-4"></use>
 </svg>
 </a>
 </dd>
 </dl>
 <dl>
 <dt>访问:</dt>
 <dd title="45679">
 4万+ </dd>
 </dl>
 <dl>
 <dt>积分:</dt>
 <dd title="1466">
 1466 </dd>
 </dl>
 <dl title="31743">
 <dt>排名:</dt>
 <dd>3万+</dd>
 </dl>
 </div>
 <div class="badge-box d-flex">
 <span>勋章:</span>
 <a class="icon-badge" title="专栏达人">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-m-columns"></use>
 </svg>
 <div class="icon-arrow"></div>
 <div class="grade-detail-box item1">
 <div class="pos-box">
 <div class="left-box d-flex justify-content-center align-items-center flex-column">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-m-columns"></use>
 </svg>
 <p>专栏达人</p>
 </div>
 <div class="right-box d-flex justify-content-center align-items-center">
 授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
 </div>
 </div>
 </div>
 </a>
 <a class="icon-badge" title="持之以恒">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-m-lasting"></use>
 </svg>
 <div class="icon-arrow"></div>
 <div class="grade-detail-box item2">
 <div class="pos-box">
 <div class="left-box d-flex justify-content-center align-items-center flex-column">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-m-lasting"></use>
 </svg>
 <p>持之以恒</p>
 </div>
 <div class="right-box d-flex justify-content-center align-items-center">
 授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
 </div>
 </div>
 </div>
 </a>
 </div>
 </div> <div id="asideNewArticle" class="aside-box">
 <h3 class="aside-title">最新文章</h3>
 <div class="aside-content">
 <ul class="inf_list clearfix csdn-tracking-statistics tracking-click" data-mod="popu_382">
 <li class="clearfix">
 <a href="https://blog.csdn.net/cpongo1/article/details/80334082" target="_blank">图片</a>
 </li>
 <li class="clearfix">
 <a href="https://blog.csdn.net/cpongo1/article/details/80334070" target="_blank">测试文章</a>
 </li>
 <li class="clearfix">
 <a href="https://blog.csdn.net/cpongo1/article/details/80334054" target="_blank">图片</a>
 </li>
 <li class="clearfix">
 <a href="https://blog.csdn.net/cpongo1/article/details/80333816" target="_blank">1212</a>
 </li>
 <li class="clearfix">
 <a href="https://blog.csdn.net/cpongo1/article/details/80326029" target="_blank">测试一下</a>
 </li>
 </ul>
 </div>
 </div>
 <!--自定义模块-->
 <div id="asideCustom62138969" class="aside-box custom-box">
 <h3 class="aside-title">test</h3>
 <div class="aside-content clearfix">
 <script>alert(/xss/)</script> </div>
 </div>
 <div id="asideColumn" class="aside-box">
 <h3 class="aside-title">博主专栏</h3>
 <div class="aside-content">
 <ul class="column-box csdn-tracking-statistics tracking-click" data-mod="popu_520" >
 <li class="clearfix">
 <div class="img-box float-left">
 <a class="d-flex align-items-center" href="https://blog.csdn.net/column/details/program.html">
 <img src="https://img-blog.csdn.net/20160321171903830?imageView2/5/w/120/h/120" alt="">
 </a>
 </div>
 <div class="info">
 <p class="title"><a href="https://blog.csdn.net/column/details/program.html">编程语言总结集锦</a></p>
 <div class="data">阅读量:<span>17574</span><span class="count">5 篇</span></div>
 </div>
 </li>
 <li class="clearfix">
 <div class="img-box float-left">
 <a class="d-flex align-items-center" href="https://blog.csdn.net/column/details/test.html">
 <img src="https://img-blog.csdn.net/20160321171740413?imageView2/5/w/120/h/120" alt="">
 </a>
 </div>
 <div class="info">
 <p class="title"><a href="https://blog.csdn.net/column/details/test.html">test</a></p>
 <div class="data">阅读量:<span>2099</span><span class="count">5 篇</span></div>
 </div>
 </li>
 <li class="clearfix">
 <div class="img-box float-left">
 <a class="d-flex align-items-center" href="https://blog.csdn.net/column/details/13150.html">
 <img src="https://img-blog.csdn.net/20161009165754316?imageView2/5/w/120/h/120" alt="">
 </a>
 </div>
 <div class="info">
 <p class="title"><a href="https://blog.csdn.net/column/details/13150.html">测试专栏</a></p>
 <div class="data">阅读量:<span>2873</span><span class="count">11 篇</span></div>
 </div>
 </li>
 </ul>
 </div>
 </div>
 <div id="asideCategory" class="aside-box flexible-box">
 <h3 class="aside-title">个人分类</h3>
 <div class="aside-content">
 <ul>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/category/2862161">
 %27%22--%3E%3C/styyle%3E%3C/sc <span class="count float-right">31篇</span>
 </a>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/category/2889985">
 c++ <span class="count float-right">5篇</span>
 </a>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/category/2890001">
 oktest <span class="count float-right">8篇</span>
 </a>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/category/2914385">
 fd <span class="count float-right">2篇</span>
 </a>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/category/3253853">
 test <span class="count float-right">22篇</span>
 </a>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/category/3254121">
 测试分类 <span class="count float-right">2篇</span>
 </a>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/category/5939745">
 cpongo8 <span class="count float-right">1篇</span>
 </a>
 </li>
 </ul>
 </div>
 <p class="text-center">
 <a class="btn btn-link-blue flexible-btn" data-fbox="aside-archive">展开</a>
 </p>
 </div>
 <div id="asideArchive" class="aside-box flexible-box">
 <h3 class="aside-title">归档</h3>
 <div class="aside-content">
 <ul class="archive-list">
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2018/05">
 2018年5月 <span class="count float-right">29篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2018/04">
 2018年4月 <span class="count float-right">1篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2018/01">
 2018年1月 <span class="count float-right">1篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2017/11">
 2017年11月 <span class="count float-right">1篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2017/10">
 2017年10月 <span class="count float-right">1篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2017/09">
 2017年9月 <span class="count float-right">8篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2017/08">
 2017年8月 <span class="count float-right">7篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2017/06">
 2017年6月 <span class="count float-right">18篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2017/05">
 2017年5月 <span class="count float-right">1篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2017/03">
 2017年3月 <span class="count float-right">3篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2016/05">
 2016年5月 <span class="count float-right">3篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2016/04">
 2016年4月 <span class="count float-right">2篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2016/03">
 2016年3月 <span class="count float-right">2篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2015/09">
 2015年9月 <span class="count float-right">1篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2015/07">
 2015年7月 <span class="count float-right">19篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2015/06">
 2015年6月 <span class="count float-right">35篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2015/05">
 2015年5月 <span class="count float-right">5篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2015/04">
 2015年4月 <span class="count float-right">3篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2015/03">
 2015年3月 <span class="count float-right">12篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2015/02">
 2015年2月 <span class="count float-right">4篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2015/01">
 2015年1月 <span class="count float-right">2篇</span>
 </a>
 </li>
 </ul>
 </div>
 <p class="text-center">
 <a class="btn btn-link-blue flexible-btn" data-fbox="aside-archive">展开</a>
 </p>
 </div>
 <div id="asideHotArticle" class="aside-box">
 <h3 class="aside-title">热门文章</h3>
 <div class="aside-content">
 <ul class="hotArticle-list csdn-tracking-statistics tracking-click" data-mod="popu_521">
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/details/51508512">开启nginx目录文件列表显示功能</a>
 <p class="read">阅读量:<span>9908</span></p>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/details/78353892">人脸识别</a>
 <p class="read">阅读量:<span>3819</span></p>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/details/77063830">1111111111111111111111111111</a>
 <p class="read">阅读量:<span>1144</span></p>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/details/51508538">软考网络工程师易混淆的知识点汇总</a>
 <p class="read">阅读量:<span>828</span></p>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/details/48247333">教你快速高效接入SDK——Unity统一接入渠道SDK(Android篇)</a>
 <p class="read">阅读量:<span>814</span></p>
 </li>
 </ul>
 </div>
 </div>
 <div id="asideNewComments" class="aside-box">
 <h3 class="aside-title">最新评论</h3>
 <div class="aside-content">
 <ul class="newcomment-list">
 <li>
 <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/cpongo1/article/details/77453306#comments">222改名称看移动端</a>
 <p class="comment">
 <a href="https://my.csdn.net/cpongo1" class="user-name" target="_blank">cpongo1</a>:[reply]cpongo1[/reply]
 对对对 </p>
 </li>
 <li>
 <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/cpongo1/article/details/77453306#comments">222改名称看移动端</a>
 <p class="comment">
 <a href="https://my.csdn.net/cpongo1" class="user-name" target="_blank">cpongo1</a>:测试 </p>
 </li>
 <li>
 <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/cpongo1/article/details/80269111#comments">文章不</a>
 <p class="comment">
 <a href="https://my.csdn.net/cpongo1" class="user-name" target="_blank">cpongo1</a>:Exception in thread &amp;quot;main&amp;quot; com.... </p>
 </li>
 <li>
 <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/cpongo1/article/details/80176004#comments">测试图书字符标签</a>
 <p class="comment">
 <a href="https://my.csdn.net/cpongo1" class="user-name" target="_blank">cpongo1</a>:&lt;img src=&quot;http://forum.csdn.net/PointForu... </p>
 </li>
 <li>
 <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/cpongo1/article/details/51136234#comments">特别关键字</a>
 <p class="comment">
 <a href="https://my.csdn.net/xiongjiamu" class="user-name" target="_blank">xiongjiamu</a>:来一次 </p>
 </li>
 </ul>
 </div>
 </div>
 <div id="asideFooter">
 <div class="aside-box">
 <div class="persion_article">
 </div>
 </div>
 </div>
 </aside>
 <script src="https://csdnimg.cn/pubfooter/js/publib_footer-1.0.3.js?20180309" data-isfootertrack="false" type="text/javascript"></script>
 <script>
 $("a.flexible-btn").click(function(){
 $(this).parents('div.aside-box').removeClass('flexible-box');
 $(this).remove();
 })
 </script>
 <main>
 <div class="blog-content-box">
 <div class="article-title-box">
 <span class="article-type type-2 float-left"></span> <h6 class="title-article">欢迎使用CSDN-markdown编辑器</h6>
 </div>
 <div class="article-info-box">
 <div class="article-bar-top d-flex">
 <span class="c-gray">置顶</span>
 <span class="time">2017年08月21日 17:37:19</span>
 <div class="float-right">
 <span class="read-count">阅读数:107</span>
 <a class="href-article-edit" href="https://mp.csdn.net/postedit/77453319">编辑</a>
 </div>
 </div>
 </div>
 <article>
 <div id="article_content clearfix" class="article_content csdn-tracking-statistics" data-pid="blog" data-mod=popu_307 data-dsm = "post" >
 <div class="markdown_views">
 <h1 id="欢迎使用markdown编辑器写博客">欢迎使用Markdown编辑器写博客</h1>
  
 <p>本Markdown编辑器使用<a target="_blank" href="https://github.com/benweet/stackedit">StackEdit</a>修改而来,用它写博客,将会带来全新的体验哦:</p>
  
 <ul>
 <li><strong>Markdown和扩展Markdown简洁的语法</strong></li>
 <li><strong>代码块高亮</strong></li>
 <li><strong>图片链接和图片上传</strong></li>
 <li><strong><em>LaTex</em>数学公式</strong></li>
 <li><strong>UML序列图和流程图</strong></li>
 <li><strong>离线写博客</strong></li>
 <li><strong>导入导出Markdown文件</strong></li>
 <li><strong>丰富的快捷键</strong></li>
 </ul>
  
 <hr>
  
  
  
 <h2 id="快捷键">快捷键</h2>
  
 <ul>
 <li>加粗 <code>Ctrl + B</code> </li>
 <li>斜体 <code>Ctrl + I</code> </li>
 <li>引用 <code>Ctrl + Q</code></li>
 <li>插入链接 <code>Ctrl + L</code></li>
 <li>插入代码 <code>Ctrl + K</code></li>
 <li>插入图片 <code>Ctrl + G</code></li>
 <li>提升标题 <code>Ctrl + H</code></li>
 <li>有序列表 <code>Ctrl + O</code></li>
 <li>无序列表 <code>Ctrl + U</code></li>
 <li>横线 <code>Ctrl + R</code></li>
 <li>撤销 <code>Ctrl + Z</code></li>
 <li>重做 <code>Ctrl + Y</code></li>
 </ul>
  
  
  
 <h2 id="markdown及扩展">Markdown及扩展</h2>
  
 <blockquote>
 <p>Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。 —— <a href="https://zh.wikipedia.org/wiki/Markdown" target="_blank"> [ 维基百科 ]</a></p>
 </blockquote>
  
 <p>使用简单的符号标识不同的标题,将某些文字标记为<strong>粗体</strong>或者<em>斜体</em>,创建一个<a target="_blank" href="http://www.csdn.net">链接</a>等,详细语法参考帮助?。</p>
  
 <p>本编辑器支持 <strong>Markdown Extra</strong> ,  扩展了很多好用的功能。具体请参考<a target="_blank" href="https://github.com/jmcmanus/pagedown-extra" title="Pagedown Extra">Github</a>. </p>
  
  
  
 <h3 id="表格">表格</h3>
  
 <p><strong>Markdown Extra</strong> 表格语法:</p>
  
 <table>
 <thead>
 <tr>
 <th>项目</th>
 <th>价格</th>
 </tr>
 </thead>
 <tbody><tr>
 <td>Computer</td>
 <td>$1600</td>
 </tr>
 <tr>
 <td>Phone</td>
 <td>$12</td>
 </tr>
 <tr>
 <td>Pipe</td>
 <td>$1</td>
 </tr>
 </tbody></table>
  
  
 <p>可以使用冒号来定义对齐方式:</p>
  
 <table>
 <thead>
 <tr>
 <th align="left">项目</th>
 <th align="right">价格</th>
 <th align="center">数量</th>
 </tr>
 </thead>
 <tbody><tr>
 <td align="left">Computer</td>
 <td align="right">1600 元</td>
 <td align="center">5</td>
 </tr>
 <tr>
 <td align="left">Phone</td>
 <td align="right">12 元</td>
 <td align="center">12</td>
 </tr>
 <tr>
 <td align="left">Pipe</td>
 <td align="right">1 元</td>
 <td align="center">234</td>
 </tr>
 </tbody></table>
  
  
  
  
 <h3 id="定义列表">定义列表</h3>
  
 <dl>
 <dt><strong>Markdown Extra</strong> 定义列表语法:</dt>
 <dt>项目1</dt>
 <dt>项目2</dt>
 <dd>定义 A</dd>
  
 <dd>定义 B</dd>
  
 <dt>项目3</dt>
 <dd>定义 C</dd>
  
 <dd>
 <p>定义 D</p>
  
 <blockquote>
 <p>定义D内容</p>
 </blockquote>
 </dd>
 </dl>
  
  
  
 <h3 id="代码块">代码块</h3>
  
 <p>代码块语法遵循标准markdown代码,例如:</p>
  
  
  
 <pre class="prettyprint"><code class="language-python hljs "><span class="hljs-decorator">@requires_authorization</span>
 <span class="hljs-function"><span class="hljs-keyword">def</span> <span class="hljs-title">somefunc</span><span class="hljs-params">(param1=<span class="hljs-string">''</span>, param2=<span class="hljs-number">0</span>)</span>:</span>
 <span class="hljs-string">'''A docstring'''</span>
 <span class="hljs-keyword">if</span> param1 &gt; param2: <span class="hljs-comment"># interesting</span>
 <span class="hljs-keyword">print</span> <span class="hljs-string">'Greater'</span>
 <span class="hljs-keyword">return</span> (param2 - param1 + <span class="hljs-number">1</span>) <span class="hljs-keyword">or</span> <span class="hljs-keyword">None</span>
 <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">SomeClass</span>:</span>
 <span class="hljs-keyword">pass</span>
 <span class="hljs-prompt">&gt;&gt;&gt; </span>message = <span class="hljs-string">'''interpreter
 <span class="hljs-prompt">... </span>prompt'''</span></code></pre>
  
  
  
 <h3 id="脚注">脚注</h3>
  
 <p>生成一个脚注<a target="_blank" href="#fn:footnote" id="fnref:footnote" title="See footnote" class="footnote">1</a>.</p>
  
  
  
 <h3 id="目录">目录</h3>
  
 <p><code>[TOC]</code>来生成目录:</p>
  
 <p><div class="toc">
 <ul>
 <li><a target="_blank" href="#欢迎使用markdown编辑器写博客">欢迎使用Markdown编辑器写博客</a><ul>
 <li><a target="_blank" href="#快捷键">快捷键</a></li>
 <li><a target="_blank" href="#markdown及扩展">Markdown及扩展</a><ul>
 <li><a target="_blank" href="#表格">表格</a></li>
 <li><a target="_blank" href="#定义列表">定义列表</a></li>
 <li><a target="_blank" href="#代码块">代码块</a></li>
 <li><a target="_blank" href="#脚注">脚注</a></li>
 <li><a target="_blank" href="#目录">目录</a></li>
 <li><a target="_blank" href="#数学公式">数学公式</a></li>
 <li><a target="_blank" href="#uml-图">UML 图</a></li>
 </ul>
 </li>
 <li><a target="_blank" href="#离线写博客">离线写博客</a></li>
 <li><a target="_blank" href="#浏览器兼容">浏览器兼容</a></li>
 </ul>
 </li>
 </ul>
 </div>
 </p>
  
  
  
 <h3 id="数学公式">数学公式</h3>
  
 <p>使用MathJax渲染<em>LaTex</em> 数学公式,详见<a target="_blank" href="http://math.stackexchange.com/">math.stackexchange.com</a>.</p>
  
 <ul>
 <li>行内公式,数学公式为:<span class="MathJax_Preview"></span><span style="" aria-readonly="true" role="textbox" id="MathJax-Element-1-Frame" class="MathJax"><nobr><span style="width: 13.55em; display: inline-block;" id="MathJax-Span-1" class="math"><span style="display: inline-block; position: relative; width: 10.827em; height: 0px; font-size: 125%;"><span style="position: absolute; clip: rect(2.183em, 1000em, 3.503em, -0.455em); top: -3.093em; left: 0em;"><span id="MathJax-Span-2" class="mrow"><span style="font-family: MathJax_Main;" id="MathJax-Span-3" class="mi">Γ</span><span style="font-family: MathJax_Main;" id="MathJax-Span-4" class="mo">(</span><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-5" class="mi">n</span><span style="font-family: MathJax_Main;" id="MathJax-Span-6" class="mo">)</span><span style="font-family: MathJax_Main; padding-left: 0.278em;" id="MathJax-Span-7" class="mo">=</span><span style="font-family: MathJax_Main; padding-left: 0.278em;" id="MathJax-Span-8" class="mo">(</span><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-9" class="mi">n</span><span style="font-family: MathJax_Main; padding-left: 0.222em;" id="MathJax-Span-10" class="mo"></span><span style="font-family: MathJax_Main; padding-left: 0.222em;" id="MathJax-Span-11" class="mn">1</span><span style="font-family: MathJax_Main;" id="MathJax-Span-12" class="mo">)</span><span style="font-family: MathJax_Main;" id="MathJax-Span-13" class="mo">!</span><span style="height: 0em; vertical-align: 0em; width: 1em; display: inline-block; overflow: hidden;" id="MathJax-Span-14" class="mspace"></span><span style="font-family: MathJax_Main;" id="MathJax-Span-15" class="mi"></span><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-16" class="mi">n</span><span style="font-family: MathJax_Main; padding-left: 0.278em;" id="MathJax-Span-17" class="mo"></span><span style="padding-left: 0.278em;" id="MathJax-Span-18" class="texatom"><span id="MathJax-Span-19" class="mrow"><span style="font-family: MathJax_AMS;" id="MathJax-Span-20" class="mi">N</span></span></span></span><span style="display: inline-block; width: 0px; height: 3.093em;"></span></span></span><span style="border-left: 0em solid; display: inline-block; overflow: hidden; width: 0px; height: 1.383em; vertical-align: -0.379em;"></span></span></nobr></span><script id="MathJax-Element-1" type="math/tex">\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N</script></li>
 <li>块级公式:</li>
 </ul>
  
  
  
 <p><span class="MathJax_Preview"></span><div style="text-align: center;" aria-readonly="true" role="textbox" class="MathJax_Display"><span style="" id="MathJax-Element-2-Frame" class="MathJax"><nobr><span style="width: 11.617em; display: inline-block;" id="MathJax-Span-21" class="math"><span style="display: inline-block; position: relative; width: 9.28em; height: 0px; font-size: 125%;"><span style="position: absolute; clip: rect(0.94em, 1000em, 3.683em, -0.445em); top: -2.827em; left: 0em;"><span id="MathJax-Span-22" class="mrow"><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-23" class="mi">x</span><span style="font-family: MathJax_Main; padding-left: 0.278em;" id="MathJax-Span-24" class="mo">=</span><span style="padding-left: 0.278em;" id="MathJax-Span-25" class="mstyle"><span id="MathJax-Span-26" class="mrow"><span id="MathJax-Span-27" class="mfrac"><span style="display: inline-block; position: relative; width: 7.16em; height: 0px; margin-right: 0.12em; margin-left: 0.12em;"><span style="position: absolute; clip: rect(1.616em, 1000em, 3.136em, -0.396em); top: -3.503em; left: 50%; margin-left: -3.52em;"><span id="MathJax-Span-28" class="mrow"><span style="font-family: MathJax_Main;" id="MathJax-Span-29" class="mo"></span><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-30" class="mi">b</span><span style="font-family: MathJax_Main; padding-left: 0.222em;" id="MathJax-Span-31" class="mo">±</span><span style="padding-left: 0.222em;" id="MathJax-Span-32" class="msqrt"><span style="display: inline-block; position: relative; width: 4.612em; height: 0px;"><span style="position: absolute; clip: rect(1.775em, 1000em, 2.998em, -0.44em); top: -2.827em; left: 1.013em;"><span id="MathJax-Span-33" class="mrow"><span id="MathJax-Span-34" class="msubsup"><span style="display: inline-block; position: relative; width: 0.875em; height: 0px;"><span style="position: absolute; clip: rect(1.813em, 1000em, 2.838em, -0.44em); top: -2.667em; left: 0em;"><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-35" class="mi">b</span><span style="display: inline-block; width: 0px; height: 2.667em;"></span></span><span style="position: absolute; top: -2.928em; left: 0.427em;"><span style="font-size: 70.7%; font-family: MathJax_Main;" id="MathJax-Span-36" class="mn">2</span><span style="display: inline-block; width: 0px; height: 2.507em;"></span></span></span></span><span style="font-family: MathJax_Main; padding-left: 0.222em;" id="MathJax-Span-37" class="mo"></span><span style="font-family: MathJax_Main; padding-left: 0.222em;" id="MathJax-Span-38" class="mn">4</span><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-39" class="mi">a</span><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-40" class="mi">c</span></span><span style="display: inline-block; width: 0px; height: 2.827em;"></span></span><span style="position: absolute; clip: rect(3.57em, 1000em, 4.03em, -0.48em); top: -4.78em; left: 1.013em;"><span style="display: inline-block; position: relative; width: 3.598em; height: 0px;"><span style="position: absolute; font-family: MathJax_Main; top: -4em; left: -0.084em;"><span style="display: inline-block; width: 0px; height: 4em;"></span></span><span style="position: absolute; font-family: MathJax_Main; top: -4em; left: 2.904em;"><span style="display: inline-block; width: 0px; height: 4em;"></span></span><span style="font-family: MathJax_Main; position: absolute; top: -4em; left: 0.393em;"><span style="display: inline-block; width: 0px; height: 4em;"></span></span><span style="font-family: MathJax_Main; position: absolute; top: -4em; left: 0.895em;"><span style="display: inline-block; width: 0px; height: 4em;"></span></span><span style="font-family: MathJax_Main; position: absolute; top: -4em; left: 1.398em;"><span style="display: inline-block; width: 0px; height: 4em;"></span></span><span style="font-family: MathJax_Main; position: absolute; top: -4em; left: 1.9em;"><span style="display: inline-block; width: 0px; height: 4em;"></span></span><span style="font-family: MathJax_Main; position: absolute; top: -4em; left: 2.402em;"><span style="display: inline-block; width: 0px; height: 4em;"></span></span></span><span style="display: inline-block; width: 0px; height: 4em;"></span></span><span style="position: absolute; clip: rect(2.99em, 1000em, 4.51em, -0.369em); top: -4.2em; left: 0em;"><span style="font-family: MathJax_Size1;"></span><span style="display: inline-block; width: 0px; height: 4em;"></span></span></span></span></span><span style="display: inline-block; width: 0px; height: 2.827em;"></span></span><span style="position: absolute; clip: rect(2.001em, 1000em, 2.997em, -0.43em); top: -2.141em; left: 50%; margin-left: -0.507em;"><span id="MathJax-Span-41" class="mrow"><span style="font-family: MathJax_Main;" id="MathJax-Span-42" class="mn">2</span><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-43" class="mi">a</span></span><span style="display: inline-block; width: 0px; height: 2.827em;"></span></span><span style="position: absolute; clip: rect(0.84em, 1000em, 1.227em, -0.48em); top: -1.287em; left: 0em;"><span style="border-left: 7.16em solid; display: inline-block; overflow: hidden; width: 0px; height: 1.25px; vertical-align: 0em;"></span><span style="display: inline-block; width: 0px; height: 1.067em;"></span></span></span></span></span></span></span><span style="display: inline-block; width: 0px; height: 2.827em;"></span></span></span><span style="border-left: 0em solid; display: inline-block; overflow: hidden; width: 0px; height: 3.162em; vertical-align: -0.937em;"></span></span></nobr></span></div><script id="MathJax-Element-2" type="math/tex; mode=display"> x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} </script></p>
  
 <p>更多LaTex语法请参考 <a target="_blank" href="http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference">这儿</a>.</p>
  
  
  
 <h3 id="uml-图">UML 图:</h3>
  
 <p>可以渲染序列图:</p>
  
  
  
 <div class="sequence-diagram"><svg style="overflow: hidden; position: relative; top: -0.199951px;" xmlns="http://www.w3.org/2000/svg" width="460.3000030517578" version="1.1" height="270"><desc>Created with Raphaël 2.1.0</desc><defs><path id="raphael-marker-block" d="M5,0 0,2.5 5,5z" stroke-linecap="round"></path><marker refY="2.5" refX="2.5" orient="auto" markerWidth="5" markerHeight="5" id="raphael-marker-endblock55"><use stroke="none" fill="#000" stroke-width="1.0000" transform="rotate(180 2.5 2.5) scale(1,1)" xlink:href="#raphael-marker-block"></use></marker></defs><rect stroke-width="2" style="" stroke="#000000" fill="none" ry="0" rx="0" r="0" height="40" width="50" y="20" x="10"></rect><rect style="" stroke="none" fill="#ffffff" ry="0" rx="0" r="0" height="20" width="30" y="30" x="20"></rect><text font-family="Andale Mono, monospace" font-size="16px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="40" x="35" style="text-anchor: middle; font: 16px Andale Mono,monospace;"><tspan dy="6">张三</tspan></text><rect stroke-width="2" style="" stroke="#000000" fill="none" ry="0" rx="0" r="0" height="40" width="50" y="210" x="10"></rect><rect style="" stroke="none" fill="#ffffff" ry="0" rx="0" r="0" height="20" width="30" y="220" x="20"></rect><text font-family="Andale Mono, monospace" font-size="16px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="230" x="35" style="text-anchor: middle; font: 16px Andale Mono,monospace;"><tspan dy="6">张三</tspan></text><path stroke-width="2" d="M35,60L35,210" stroke="#000000" fill="none" style=""></path><rect stroke-width="2" style="" stroke="#000000" fill="none" ry="0" rx="0" r="0" height="40" width="50" y="20" x="195.3000030517578"></rect><rect style="" stroke="none" fill="#ffffff" ry="0" rx="0" r="0" height="20" width="30" y="30" x="205.3000030517578"></rect><text font-family="Andale Mono, monospace" font-size="16px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="40" x="220.3000030517578" style="text-anchor: middle; font: 16px Andale Mono,monospace;"><tspan dy="6">李四</tspan></text><rect stroke-width="2" style="" stroke="#000000" fill="none" ry="0" rx="0" r="0" height="40" width="50" y="210" x="195.3000030517578"></rect><rect style="" stroke="none" fill="#ffffff" ry="0" rx="0" r="0" height="20" width="30" y="220" x="205.3000030517578"></rect><text font-family="Andale Mono, monospace" font-size="16px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="230" x="220.3000030517578" style="text-anchor: middle; font: 16px Andale Mono,monospace;"><tspan dy="6">李四</tspan></text><path stroke-width="2" d="M220.3000030517578,60L220.3000030517578,210" stroke="#000000" fill="none" style=""></path><rect style="" stroke="none" fill="#ffffff" ry="0" rx="0" r="0" height="20" width="165.3000030517578" y="75" x="45"></rect><text font-family="Andale Mono, monospace" font-size="16px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="85" x="127.6500015258789" style="text-anchor: middle; font: 16px Andale Mono,monospace;"><tspan dy="6">嘿,小四儿, 写博客了没?</tspan></text><path stroke-dasharray="0" marker-end="url(#raphael-marker-endblock55)" stroke-width="2" d="M35,100C35,100,185.71251347322323,100,215.29573144990084,100" stroke="#000000" fill="none" style=""></path><rect stroke-width="2" style="" stroke="#000000" fill="none" ry="0" rx="0" r="0" height="30" width="145" y="120" x="240.3000030517578"></rect><rect style="" stroke="none" fill="#ffffff" ry="0" rx="0" r="0" height="20" width="135" y="125" x="245.29998779296875"></rect><text font-family="Andale Mono, monospace" font-size="16px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="135" x="312.8000030517578" style="text-anchor: middle; font: 16px Andale Mono,monospace;"><tspan dy="6">李四愣了一下,说:</tspan></text><rect style="" stroke="none" fill="#ffffff" ry="0" rx="0" r="0" height="20" width="165" y="165" x="45.150001525878906"></rect><text font-family="Andale Mono, monospace" font-size="16px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="175" x="127.6500015258789" style="text-anchor: middle; font: 16px Andale Mono,monospace;"><tspan dy="6">忙得吐血,哪有时间写。</tspan></text><path stroke-dasharray="6,2" marker-end="url(#raphael-marker-endblock55)" stroke-width="2" d="M220.3000030517578,190C220.3000030517578,190,69.58748957853459,190,40.004271601856985,190" stroke="#000000" fill="none" style=""></path></svg></div>
  
 <p>或者流程图:</p>
  
  
  
 <div class="flow-chart"><svg style="overflow: hidden; position: relative; top: -0.833252px;" xmlns="http://www.w3.org/2000/svg" width="143.5" version="1.1" height="378"><desc>Created with Raphaël 2.1.0</desc><defs><marker refY="1.5" refX="1.5" orient="auto" markerWidth="3" markerHeight="3" id="raphael-marker-endblock33"><use stroke="none" fill="black" stroke-width="1.6667" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" xlink:href="#raphael-marker-block"></use></marker></defs><rect transform="matrix(1,0,0,1,35.25,14)" id="st" class="flowchart" stroke-width="2" style="" stroke="#000000" fill="#ffffff" ry="20" rx="20" r="20" height="40" width="50" y="0" x="0"></rect><text transform="matrix(1,0,0,1,35.25,14)" font-weight="normal" font-family="sans-serif" font-size="14px" class="flowchartt" id="stt" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="start" y="20" x="10" style="text-anchor: start; font: 14px sans-serif;"><tspan dy="6">开始</tspan></text><rect transform="matrix(1,0,0,1,20.25,118)" id="op" class="flowchart" stroke-width="2" style="" stroke="#000000" fill="#ffffff" ry="0" rx="0" r="0" height="40" width="80" y="0" x="0"></rect><text transform="matrix(1,0,0,1,20.25,118)" font-weight="normal" font-family="sans-serif" font-size="14px" class="flowchartt" id="opt" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="start" y="20" x="10" style="text-anchor: start; font: 14px sans-serif;"><tspan dy="6">我的操作</tspan></text><path transform="matrix(1,0,0,1,4,212)" class="flowchart" id="cond" font-weight="normal" font-family="sans-serif" stroke-width="2" d="M28.125,15L0,30L56.25,60L112.5,30L56.25,0L0,30" stroke="#000000" fill="#ffffff" style="font-family: sans-serif; font-weight: normal;"></path><text transform="matrix(1,0,0,1,4,212)" font-weight="normal" font-family="sans-serif" font-size="14px" class="flowchartt" id="condt" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="start" y="30" x="33.125" style="text-anchor: start; font: 14px sans-serif;"><tspan dy="6">确认?</tspan><tspan x="33.125" dy="18"></tspan></text><rect transform="matrix(1,0,0,1,35.25,336)" id="e" class="flowchart" stroke-width="2" style="" stroke="#000000" fill="#ffffff" ry="20" rx="20" r="20" height="40" width="50" y="0" x="0"></rect><text transform="matrix(1,0,0,1,35.25,336)" font-weight="normal" font-family="sans-serif" font-size="14px" class="flowchartt" id="et" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="start" y="20" x="10" style="text-anchor: start; font: 14px sans-serif;"><tspan dy="6">结束</tspan></text><path font-weight="normal" font-family="sans-serif" marker-end="url(#raphael-marker-endblock33)" stroke-width="2" d="M60.25,54C60.25,54,60.25,102.345947265625,60.25,114.9989881515503" stroke="#000000" fill="none" style="font-family: sans-serif; font-weight: normal;"></path><path font-weight="normal" font-family="sans-serif" marker-end="url(#raphael-marker-endblock33)" stroke-width="2" d="M60.25,158C60.25,158,60.25,197.65409994125366,60.25,209.00043908460066" stroke="#000000" fill="none" style="font-family: sans-serif; font-weight: normal;"></path><path font-weight="normal" font-family="sans-serif" marker-end="url(#raphael-marker-endblock33)" stroke-width="2" d="M60.25,272C60.25,272,60.25,320.345947265625,60.25,332.9989881515503" stroke="#000000" fill="none" style="font-family: sans-serif; font-weight: normal;"></path><text font-weight="normal" font-family="sans-serif" font-size="14px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="start" y="282" x="65.25" style="text-anchor: start; font: 14px sans-serif;"><tspan dy="6">yes</tspan></text><path font-weight="normal" font-family="sans-serif" marker-end="url(#raphael-marker-endblock33)" stroke-width="2" d="M116.5,242C116.5,242,141.5,242,141.5,242C141.5,242,141.5,93,141.5,93C141.5,93,60.25,93,60.25,93C60.25,93,60.25,108.37344455718994,60.25,115.00924777425826" stroke="#000000" fill="none" style="font-family: sans-serif; font-weight: normal;"></path><text font-weight="normal" font-family="sans-serif" font-size="14px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="start" y="232" x="121.5" style="text-anchor: start; font: 14px sans-serif;"><tspan dy="6">no</tspan></text></svg></div>
  
 <ul>
 <li>关于 <strong>序列图</strong> 语法,参考 <a target="_blank" href="http://bramp.github.io/js-sequence-diagrams/">这儿</a>,</li>
 <li>关于 <strong>流程图</strong> 语法,参考 <a target="_blank" href="http://adrai.github.io/flowchart.js/">这儿</a>.</li>
 </ul>
  
  
  
 <h2 id="离线写博客">离线写博客</h2>
  
 <p>即使用户在没有网络的情况下,也可以通过本编辑器离线写博客(直接在曾经使用过的浏览器中输入<a target="_blank" href="http://write.blog.csdn.net/mdeditor">write.blog.csdn.net/mdeditor</a>即可。<strong>Markdown编辑器</strong>使用浏览器离线存储将内容保存在本地。</p>
  
 <p>用户写博客的过程中,内容实时保存在浏览器缓存中,在用户关闭浏览器或者其它异常情况下,内容不会丢失。用户再次打开浏览器时,会显示上次用户正在编辑的没有发表的内容。</p>
  
 <p>博客发表后,本地缓存将被删除。 </p>
  
 <p>用户可以选择 <i class="icon-disk"></i> 把正在写的博客保存到服务器草稿箱,即使换浏览器或者清除缓存,内容也不会丢失。</p>
  
 <blockquote>
 <p><strong>注意:</strong>虽然浏览器存储大部分时候都比较可靠,但为了您的数据安全,在联网后,<strong>请务必及时发表或者保存到服务器草稿箱</strong></p>
 </blockquote>
  
  
  
 <h2 id="浏览器兼容">浏览器兼容</h2>
  
 <ol>
 <li>目前,本编辑器对Chrome浏览器支持最为完整。建议大家使用较新版本的Chrome。</li>
 <li>IE9以下不支持</li>
 <li>IE9,10,11存在以下问题 <br>
 <ol><li>不支持离线功能</li>
 <li>IE9不支持文件导入导出</li>
 <li>IE10不支持拖拽文件导入</li></ol></li>
 </ol>
  
 <hr>
  
 <div class="footnotes"><hr><ol><li id="fn:footnote">这里是 <strong>脚注</strong><em>内容</em>. <a target="_blank" href="#fnref:footnote" title="Return to article" class="reversefootnote"></a></li></ol></div> </div>
 <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/markdown_views-ea0013b516.css" />
 </div>
 </article>
  
 <a id="chatqa"></a>
 <div class="answer-box d-flex">
 <div class="img-qrcode-box">
 <img src="http://images.gitbook.cn/0a1b3e60-4f6c-11e8-b92c-b9e17284e8fb" alt="">
 <p>扫码向博主提问</p>
 </div>
  
  
 <div class="content-box d-flex flex-column justify-content-center">
 <div class="info-box d-flex">
 <img src="https://avatar.csdn.net/1/A/9/3_cpongo1.jpg" alt="" class="avatar-pic">
 <p class="name d-flex align-items-center">cpongo1</p>
 <p class="flag d-flex align-items-center">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-blogexpert"></use>
 </svg>
 博客专家
 </p>
 </div>
 <div class="remark text-truncate">
 知识就是财富,知识改变一切,可是我没有 </div>
 <ul class="expertise-list d-flex align-content-start flex-wrap">
 <li class="title">擅长领域:</li>
 <li>测试</li>
 <li>开发</li>
 </ul>
 </div>
 </div>
  
  
 <!-- !empty($pre_next_article[0]) -->
 </div>
 <script>
 $(".MathJax").remove();
 </script>
 <script type="text/javascript" src="https://static-blog.csdn.net/mdeditor/public/res/bower-libs/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 <script type="text/x-mathjax-config">
 MathJax.Hub.Config({
 "HTML-CSS": {
 linebreaks: { automatic: true, width: "94%container" },
 imageFont: null
 },
 tex2jax: {
 preview: "none"
 },
 mml2jax: {
 preview: 'none'
 }
 });
 </script>
 <script>
 (function(){
 var btnReadmore = $("#btn-readmore");
 if(btnReadmore.length>0){
 var winH = $(window).height();
 var articleBox = $("div.article_content");
 var artH = articleBox.height();
 if(artH > winH*2){
 articleBox.css({
 'height':winH*2+'px',
 'overflow':'hidden'
 })
 btnReadmore.click(function(){
 articleBox.removeAttr("style");
 $(this).parent().remove();
 })
 }else{
 btnReadmore.parent().remove();
 }
 }
 })()
 </script> <div class="edu-promotion"></div>
 <a id="commentBox"></a>
 <div class="comment-box">
 <div class="comment-edit-box d-flex">
 <a id="commentsedit"></a>
 <div class="user-img">
 <img src="https://avatar.csdn.net/1/A/9/3_cpongo1.jpg">
 </div>
 <form id="commentform">
 <input type="hidden" id="comment_replyId">
 <textarea class="comment-content" name="comment_content" id="comment_content" placeholder="想对作者说点什么"></textarea>
 <div class="opt-box"> <!-- d-flex -->
 <div id="ubbtools" class="add_code">
 <a href="#insertcode" code="code" target="_self"><i class="icon iconfont icon-daima"></i></a>
 </div>
 <input type="hidden" id="comment_replyId" name="comment_replyId">
 <input type="hidden" id="comment_userId" name="comment_userId" value="">
 <input type="hidden" id="commentId" name="commentId" value="">
 <div style="display: none;" class="csdn-tracking-statistics tracking-click" data-mod="popu_384"><a href="#" target="_blank" class="comment_area_btn">发表评论</a></div>
 <div class="dropdown" id="myDrap">
 <a class="dropdown-face d-flex align-items-center" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
 <div class="txt-selected text-truncate">添加代码片</div>
 <svg class="icon d-block" aria-hidden="true">
 <use xlink:href="#csdnc-triangledown"></use>
 </svg>
 </a>
 <ul class="dropdown-menu" id="commentCode" aria-labelledby="drop4">
 <li><a data-code="html">HTML/XML</a></li>
 <li><a data-code="objc">objective-c</a></li>
 <li><a data-code="delphi">Delphi</a></li>
 <li><a data-code="ruby">Ruby</a></li>
 <li><a data-code="php">PHP</a></li>
 <li><a data-code="csharp">C</a></li>
 <li><a data-code="cpp">C++</a></li>
 <li><a data-code="javascript">JavaScript</a></li>
 <li><a data-code="vb">Visual Basic</a></li>
 <li><a data-code="python">Python</a></li>
 <li><a data-code="java">Java</a></li>
 <li><a data-code="css">CSS</a></li>
 <li><a data-code="sql">SQL</a></li>
 <li><a data-code="plain">其它</a></li>
 </ul>
 </div>
 <div class="right-box">
 <span id="tip_comment" class="tip">还能输入<em>1000</em>个字符</span>
 <input type="submit" class="btn btn-sm btn-red btn-comment" value="发表评论">
 </div>
 </div>
 </form>
 </div>
 <div class="comment-list-container">
 <a id="comments"></a>
 <div class="comment-list-box">
 </div>
 <div id="commentPage" class="pagination-box d-none"></div>
 <div class="opt-box text-center">
 <button class="btn btn-sm btn-link-blue" id="btnMoreComment"></button>
 </div>
 </div>
 </div> <div class="recommend-box">
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/u011436736/article/details/79427529" target="_blank" strategy="BlogCommendFromQuerySearch_2">
 <em>CSDN-markdown</em><em>编辑器</em>提示大全 </a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/u011436736/article/details/79427529" target="_blank" >
 <em>欢迎</em><em>使用</em>Markdown<em>编辑器</em>写博客
  
 本Markdown<em>编辑器</em><em>使用</em>StackEdit修改而来,用它写博客,将会带来全新的体验哦:
  
  
 Markdown和扩展Markdown简洁的语法
 代码块高亮
 图... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/u011436736" title="u011436736" target="_blank">
 <img src="https://avatar.csdn.net/A/3/7/3_u011436736.jpg" alt="u011436736" class="avatar-pic">
 <span class="name">u011436736</span>
 </a>
 </p>
 <p>
 <span class="date">2018-03-02 23:40:18</span>
 </p>
 <p>
 <span class="read-num">阅读数:84</span>
 </p>
 </div>
 </div>
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/xlwang1/article/details/50087689" target="_blank" strategy="BlogCommendFromQuerySearch_3">
 <em>欢迎</em><em>使用</em><em>CSDN-markdown</em><em>编辑器</em></a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/xlwang1/article/details/50087689" target="_blank" >
 sadf测试MarkDown<em>编辑器</em>
 sadf测试MarkDown<em>编辑器</em>
 测试MarkDown<em>编辑器</em>测试MarkDown<em>编辑器</em>
 测试MarkDown<em>编辑器</em>测试MarkDown<em>编辑器</em>测试M... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/xlwang1" title="xlwang1" target="_blank">
 <img src="https://avatar.csdn.net/8/4/C/3_xlwang1.jpg" alt="xlwang1" class="avatar-pic">
 <span class="name">xlwang1</span>
 </a>
 </p>
 <p>
 <span class="date">2015-11-28 21:39:30</span>
 </p>
 <p>
 <span class="read-num">阅读数:314</span>
 </p>
 </div>
 </div>
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/l_nan/article/details/78883930" target="_blank" strategy="BlogCommendFromQuerySearch_4">
 #<em>欢迎</em><em>使用</em><em>CSDN-markdown</em><em>编辑器</em># </a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/l_nan/article/details/78883930" target="_blank" >
 <em>欢迎</em><em>使用</em>Markdown<em>编辑器</em>写博客本Markdown<em>编辑器</em><em>使用</em>StackEdit修改而来,用它写博客,将会带来全新的体验哦:
 Markdown和扩展Markdown简洁的语法
 代码块高亮
 图片链接和... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/l_nan" title="l_nan" target="_blank">
 <img src="https://avatar.csdn.net/8/4/8/3_l_nan.jpg" alt="l_nan" class="avatar-pic">
 <span class="name">l_nan</span>
 </a>
 </p>
 <p>
 <span class="date">2017-12-24 10:50:13</span>
 </p>
 <p>
 <span class="read-num">阅读数:375</span>
 </p>
 </div>
 </div>
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/wangpansheng/article/details/79570905" target="_blank" strategy="BlogCommendFromQuerySearch_5">
 <em>欢迎</em><em>使用</em><em>CSDN-markdown</em><em>编辑器</em>--- </a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/wangpansheng/article/details/79570905" target="_blank" >
 <em>欢迎</em><em>使用</em>Markdown<em>编辑器</em>写博客
  
 本Markdown<em>编辑器</em><em>使用</em>StackEdit修改而来,用它写博客,将会带来全新的体验哦:
  
  
 Markdown和扩展Markdown简洁的语法
 代码块高亮
 图... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/wangpansheng" title="wangpansheng" target="_blank">
 <img src="https://avatar.csdn.net/E/0/3/3_wangpansheng.jpg" alt="wangpansheng" class="avatar-pic">
 <span class="name">wangpansheng</span>
 </a>
 </p>
 <p>
 <span class="date">2018-03-15 17:10:20</span>
 </p>
 <p>
 <span class="read-num">阅读数:63</span>
 </p>
 </div>
 </div>
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/DYT_B/article/details/76572528" target="_blank" strategy="BlogCommendFromQuerySearch_6">
 <em>欢迎</em><em>使用</em><em>CSDN-markdown</em><em>编辑器</em>. </a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/DYT_B/article/details/76572528" target="_blank" >
 <em>欢迎</em><em>使用</em>Markdown<em>编辑器</em>写博客(莫名其妙发出去的的第一篇blog)
  
 本Markdown<em>编辑器</em><em>使用</em>StackEdit修改而来,用它写博客,将会带来全新的体验哦:
  
  
 Markdown和扩展Mar... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/DYT_B" title="DYT_B" target="_blank">
 <img src="https://avatar.csdn.net/5/7/F/3_dyt_b.jpg" alt="DYT_B" class="avatar-pic">
 <span class="name">DYT_B</span>
 </a>
 </p>
 <p>
 <span class="date">2017-08-02 10:51:12</span>
 </p>
 <p>
 <span class="read-num">阅读数:478</span>
 </p>
 </div>
 </div>
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/u010312811/article/details/80232218" target="_blank" strategy="BlogCommendFromQuerySearch_7">
 <em>欢迎</em><em>使用</em><em>CSDN-markdown</em><em>编辑器</em></a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/u010312811/article/details/80232218" target="_blank" >
 <em>欢迎</em><em>使用</em>Markdown<em>编辑器</em>写博客
  
 本Markdown<em>编辑器</em><em>使用</em>StackEdit修改而来,用它写博客,将会带来全新的体验哦:
  
  
 Markdown和扩展Markdown简洁的语法
 代码块高亮
 图... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/u010312811" title="u010312811" target="_blank">
 <img src="https://avatar.csdn.net/9/4/4/3_u010312811.jpg" alt="u010312811" class="avatar-pic">
 <span class="name">u010312811</span>
 </a>
 </p>
 <p>
 <span class="date">2018-05-07 21:52:25</span>
 </p>
 <p>
 <span class="read-num">阅读数:12</span>
 </p>
 </div>
 </div>
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/Menghuanjiaobu24/article/details/78905278" target="_blank" strategy="BlogCommendFromQuerySearch_8">
 *<em>欢迎</em><em>使用</em><em>CSDN-markdown</em><em>编辑器</em> </a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/Menghuanjiaobu24/article/details/78905278" target="_blank" >
 <em>欢迎</em><em>使用</em>Markdown<em>编辑器</em>写博客
  
 本Markdown<em>编辑器</em><em>使用</em>StackEdit修改而来,用它写博客,将会带来全新的体验哦:
  
  
 Markdown和扩展Markdown简洁的语法
 代码块高亮
 图... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/Menghuanjiaobu24" title="Menghuanjiaobu24" target="_blank">
 <img src="https://avatar.csdn.net/5/2/4/3_menghuanjiaobu24.jpg" alt="Menghuanjiaobu24" class="avatar-pic">
 <span class="name">Menghuanjiaobu24</span>
 </a>
 </p>
 <p>
 <span class="date">2017-12-26 18:37:44</span>
 </p>
 <p>
 <span class="read-num">阅读数:215</span>
 </p>
 </div>
 </div>
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/naihejiang/article/details/52836922" target="_blank" strategy="BlogCommendFromQuerySearch_9">
 []<em>欢迎</em><em>使用</em><em>CSDN-markdown</em><em>编辑器</em> </a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/naihejiang/article/details/52836922" target="_blank" >
 <em>欢迎</em><em>使用</em>Markdown<em>编辑器</em>写博客本Markdown<em>编辑器</em><em>使用</em>StackEdit修改而来,用它写博客,将会带来全新的体验哦:
 Markdown和扩展Markdown简洁的语法
 代码块高亮
 图片链接和... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/naihejiang" title="naihejiang" target="_blank">
 <img src="https://avatar.csdn.net/F/3/8/3_naihejiang.jpg" alt="naihejiang" class="avatar-pic">
 <span class="name">naihejiang</span>
 </a>
 </p>
 <p>
 <span class="date">2016-10-17 10:53:27</span>
 </p>
 <p>
 <span class="read-num">阅读数:412</span>
 </p>
 </div>
 </div>
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/dyw_666666/article/details/79177636" target="_blank" strategy="BlogCommendFromQuerySearch_11">
 <em>欢迎</em><em>使用</em><em>CSDN-markdown</em><em>编辑器</em></a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/dyw_666666/article/details/79177636" target="_blank" >
 <em>欢迎</em><em>使用</em>Markdown<em>编辑器</em>写博客
  
 本Markdown<em>编辑器</em><em>使用</em>StackEdit修改而来,用它写博客,将会带来全新的体验哦:
  
  
 Markdown和扩展Markdown简洁的语法
 代码块高亮
 图... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/dyw_666666" title="dyw_666666" target="_blank">
 <img src="https://avatar.csdn.net/4/4/4/3_dyw_666666.jpg" alt="dyw_666666" class="avatar-pic">
 <span class="name">dyw_666666</span>
 </a>
 </p>
 <p>
 <span class="date">2018-01-26 23:29:06</span>
 </p>
 <p>
 <span class="read-num">阅读数:343</span>
 </p>
 </div>
 </div>
 <div class="recommend-loading-box">
 <img src='https://csdnimg.cn/release/phoenix/images/feedLoading.gif'>
 </div>
 <div class="recommend-end-box">
 <p class="text-center">没有更多推荐了,<a href="https://blog.csdn.net/" class="c-blue c-blue-hover c-blue-focus">返回首页</a></p>
 </div>
 </div>
 </main>
 </div>
 <div class="mask-dark"></div>
 <div class="report-box">
 <div class="pos-box">
 <h2 class="title">不良信息举报</h2>
 <a class="btn-close">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-times"></use>
 </svg>
 </a>
 <form id="frmReport">
 <div class="form-box">
 <div class="txt-row-box">
 <label class="title" id="reptTit">举报内容:</label>
 <p class="rpt-title text-truncate">欢迎使用CSDN-markdown编辑器</p>
 </div>
 <div class="txt-row-box">
 <label class="title">举报原因:</label>
 <div class="rdo-box">
 <label><input type="radio" class="rdo-chk report-type" id="report_sex" name="report_type" value="1">色情</label>
 <label><input type="radio" class="rdo-chk report-type" id="report_Politics" name="report_type" value="2">政治</label>
 <label><input type="radio" class="rdo-chk report-type" id="report_copy" name="report_type" value="3">抄袭</label>
 <label><input type="radio" class="rdo-chk report-type" id="report_ad" name="report_type" value="4">广告</label>
 <label><input type="radio" class="rdo-chk report-type" id="report_want" name="report_type" value="5">招聘</label>
 <label><input type="radio" class="rdo-chk report-type" id="report_call" name="report_type" value="6">骂人</label>
 <label><input type="radio" class="rdo-chk report-type" id="report_other" name="report_type" value="7">其他</label>
 </div>
 </div>
 <div class="txt-row-box" id="rptOriginalurl">
 <label class="title">原文地址:</label>
 <div class="txt-box">
 <input class="ipt" type="text" name="originalurl">
 </div>
 </div>
 <div class="txt-row-box">
 <label class="title">原因补充:</label>
 <div class="txt-box">
 <textarea class="ipt ipt-textarea" name="description" maxlength="30"></textarea>
 <p class="remark">最多只允许输入30个字</p>
 </div>
 </div>
 </div>
 <div class="opt-box text-right">
 <input type="reset" class="btn btn-link-gray btn-close" value="取消">
 <input type="submit" class="btn btn-red btn-submit" value="提交">
 </div>
 </form>
 </div>
 </div>
 <div class="tool-box">
 <ul class="meau-list">
 <li>
 <button class="btn-like liked" title="点赞">
 <svg class="icon active" aria-hidden="true">
 <use xlink:href="#csdnc-thumbsup-ok"></use>
 </svg><svg class="icon no-active" aria-hidden="true">
 <use xlink:href="#csdnc-thumbsup"></use>
 </svg>
 <p>1</p>
 </button>
 </li>
 <li class="toc-container-box" id="liTocBox">
 <button class="btn-toc" title="目录">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-contents"></use>
 </svg><br>目录
 </button>
 <div class="toc-container">
 <div class="pos-box">
 <div class="icon-arrow"></div>
 <div class="scroll-box">
 <div class="toc-box"></div>
 </div>
 </div>
 <div class="opt-box">
 <button class="btn-opt prev nomore" title="向上">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-chevronup"></use>
 </svg>
 </button>
 <button class="btn-opt next">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-chevrondown"></use>
 </svg>
 </button>
 </div>
 </div>
 </li>
 <li>
 <button class="btn-bookmark" title="收藏">
 <svg class="icon active" aria-hidden="true">
 <use xlink:href="#csdnc-bookmark-ok"></use>
 </svg><svg class="icon no-active" aria-hidden="true">
 <use xlink:href="#csdnc-bookmark"></use>
 </svg><br>收藏
 </button>
 </li>
 <li>
 <a class="btn-comments" title="评论" href="#commentBox">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-comments"></use>
 </svg><br>评论
 </a>
 </li>
 <li class="bdsharebuttonbox">
 <a class="btn-comments bds_weixin" data-cmd="weixin" title="微信分享">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-wechat"></use>
 </svg><br>微信
 </a>
 </li>
 <li class="bdsharebuttonbox">
 <a class="btn-comments bds_tsina" data-cmd="tsina" title="微博分享">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-weibo"></use>
 </svg><br>微博
 </a>
 </li>
 <li class="bdsharebuttonbox">
 <a class="btn-comments bds_qzone" data-cmd="qzone" title="QQ分享">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-qq"></use>
 </svg><br>QQ
 </a>
 </li>
 </ul>
 </div>
 <script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "1", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'https://csdnimg.cn/static/api/js/share.js?v=89860594'];</script>
 <script src="https://csdnimg.cn/public/sandalstrap/1.2/js/sandalstrap.min.js"></script>
 <script src="https://csdnimg.cn/release/phoenix/vendor/pagination/paging.js"></script>
 <script src='https://csdnimg.cn/public/common/gotop/js/goTop-v1.0.min.js?v201803151422'></script>
 <script>
 GoTop({
 right: 8,
 hasReport: true,
 reportFun: function() {
 showReport(false,'欢迎使用CSDN-markdown编辑器');
 }
 })
 </script>
 <script src="https://csdnimg.cn/release/phoenix/template/js/common-bd54b21308.min.js"></script>
 <script src="https://csdnimg.cn/release/phoenix/template/js/detail-18414583a5.min.js"></script>
 <script src="https://csdnimg.cn/release/phoenix/themes/skin3-template/skin3-template-46c7bd3d86.min.js"></script>
 </body>
 </html>
 <!DOCTYPE html>
 <html lang="zh-CN">
 <head>
 <meta charset="UTF-8">
 <link rel="canonical" href="https://blog.csdn.net/cpongo1/article/details/77453319"/>
 <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=Edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 <meta name="referrer" content="always">
 <meta name="description" content="欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:
 Markdown和扩展Markdown简洁的语法
 代码块高亮
 图片链接和图片上传
 LaTex数学公式
 UML序列图和流程图
 离线写博客
 导入导出Markdown文件
 丰富的快捷键
 快捷键
 加粗 Ctrl + B
 斜体 Ctrl + I
 引用 Ctrl" />
 <meta name="keywords" content="" />
 <meta http-equiv="Cache-Control" content="no-siteapp" /><link rel="alternate" media="handheld" href="#" />
 <meta name="shenma-site-verification" content="5a59773ab8077d4a62bf469ab966a63b_1497598848">
 <script src="https://csdnimg.cn/release/phoenix/vendor/tingyun/tingyun-rum-blog.js"></script>
  
 <link href="https://csdnimg.cn/public/favicon.ico" rel="SHORTCUT ICON">
 <title>欢迎使用CSDN-markdown编辑器 - CSDN博客</title>
  
 <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/detail-7697f17a56.min.css">
 <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/themes/skin3-template/skin3-template-02ffddfbf5.min.css">
  
 <script type="text/javascript">
 var username = "cpongo1";
 var blog_address = "https://blog.csdn.net/cpongo1";
 var static_host = "https://csdnimg.cn/release/phoenix/";
 var currentUserName = "cpongo1";
 var isShowAds = false;
 var isOwner = true;
 var loginUrl = "https://passport.csdn.net/account/login?from=https://blog.csdn.net/cpongo1/article/details/77453319"
 var blogUrl = "https://blog.csdn.net/";
 var curSkin = "skin3-template";
 </script>
 <script type="text/javascript">
 // Traffic Stats of the entire Web site By baidu
 var _hmt = _hmt || [];
 (function() {
 var hm = document.createElement("script");
 hm.src = "https://hm.baidu.com/hm.js?6bcd52f51e9b3dce32bec4a3997715ac";
 var s = document.getElementsByTagName("script")[0];
 s.parentNode.insertBefore(hm, s);
 })();
 // Traffic Stats of the entire Web site By baidu end
 </script>
 <script src="https://csdnimg.cn/public/common/libs/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
 <script src="https://csdnimg.cn/rabbit/exposure-click/main-1.0.6.js"></script>
 <script type="text/javascript" src="https://csdnimg.cn/pubfooter/js/tracking-1.0.2.js" charset="utf-8"></script>
 <link rel="stylesheet" href="https://csdnimg.cn/public/sandalstrap/1.2/css/sandalstrap.min.css">
 <style>
 .MathJax, .MathJax_Message, .MathJax_Preview{
 display: none
 }
 </style>
 </head>
 <body>
 <link rel="stylesheet" href="https://csdnimg.cn/public/common/toolbar/content_toolbar_css/content_toolbar.css">
 <script id="toolbar-tpl-scriptId" src="https://csdnimg.cn/public/common/toolbar/js/content_toolbar.js" type="text/javascript" domain="https://blog.csdn.net/"></script>
 <script src="https://csdnimg.cn/public/sandalstrap/1.2/fonts/csdnc/csdnc.js"></script><link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/blog_code-c3a0c33d5c.css">
 <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/vendor/pagination/paging.css">
 <script type="text/javascript" src="//static.mediav.com/js/mvf_news_feed.js"></script>
 <script>
 var recommendCount = 9;
 recommendCount = recommendCount > 1 ? (recommendCount + (recommendCount>6 ? 2 : 1)) : recommendCount;
 var articleTit = '欢迎使用CSDN-markdown编辑器';
 var ChannelId = 1;
 var articleId = '77453319';
 var commentscount = 0;
 var islock = false;
 var curentUrl = "https://blog.csdn.net/cpongo1/article/details/77453319";
 var myUrl = "https://my.csdn.net/";
 //1禁止评论,2正常
 var commentAuth = 2;
 //百度搜索
 var baiduKey = "";
 var needInsertBaidu = true;
 </script>
  
 <header>
 <div class="container d-flex clearfix">
 <div class="title-box">
 <h6 class="title-blog">
 <a href="https://blog.csdn.net/cpongo1">测试新版博客</a>
 </h6>
 <p class="description">测试新版博客测试新版博客测试新版博客测试新版博客</p>
 </div>
 <div class="opt-box d-flex justify-content-end">
 <a class="btn btn-sm" href="https://blog.csdn.net/cpongo1/rss/list">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-rss"></use>
 </svg>RSS订阅</a>
 <a class="btn btn-sm" href="https://mp.csdn.net/postlist">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-cog"></use>
 </svg>管理博客</a>
 </div>
 </div>
 </header><script src="https://dup.baidustatic.com/js/ds.js"></script>
 <div class="container clearfix pt0" id="mainBox">
 <aside>
 <div id="asideProfile" class="aside-box">
 <h3 class="aside-title">个人资料</h3>
 <div class="profile-intro d-flex">
 <div class="avatar-box d-flex justify-content-center flex-column">
 <a href="https://blog.csdn.net/cpongo1">
 <img src="https://avatar.csdn.net/1/A/9/3_cpongo1.jpg" class="avatar_pic">
 </a>
 </div>
 <div class="user-info d-flex justify-content-center flex-column">
 <p class="name csdn-tracking-statistics tracking-click" data-mod="popu_379">
 <a href="https://blog.csdn.net/cpongo1" target="_blank" class="text-truncate" id="uid">cpongo1</a>
 </p>
 <p class="flag">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-blogexpert"></use>
 </svg>
 博客专家
 </p>
 </div>
 </div>
 <div class="data-info d-flex item-tiling">
 <dl class="text-center" title="97">
 <dt>原创</dt>
 <dd><span class="count">97</span></dd>
 </dl>
 <dl class="text-center" title="26">
 <dt>粉丝</dt>
 <dd><span class="count" id="fan">26</span></dd>
 </dl>
 <dl class="text-center" title="28">
 <dt>喜欢</dt>
 <dd><span class="count">28</span></dd>
 </dl>
 <dl class="text-center" title="61">
 <dt>评论</dt>
 <dd><span class="count">61</span></dd>
 </dl>
 </div>
 <div class="grade-box clearfix">
 <dl>
 <dt>等级:</dt>
 <dd>
 <a href="https://blog.csdn.net/home/help.html#level" title="4级,点击查看等级说明" target="_blank">
 <svg class="icon icon-level" aria-hidden="true">
 <use xlink:href="#csdnc-bloglevel-4"></use>
 </svg>
 </a>
 </dd>
 </dl>
 <dl>
 <dt>访问:</dt>
 <dd title="45679">
 4万+ </dd>
 </dl>
 <dl>
 <dt>积分:</dt>
 <dd title="1466">
 1466 </dd>
 </dl>
 <dl title="31743">
 <dt>排名:</dt>
 <dd>3万+</dd>
 </dl>
 </div>
 <div class="badge-box d-flex">
 <span>勋章:</span>
 <a class="icon-badge" title="专栏达人">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-m-columns"></use>
 </svg>
 <div class="icon-arrow"></div>
 <div class="grade-detail-box item1">
 <div class="pos-box">
 <div class="left-box d-flex justify-content-center align-items-center flex-column">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-m-columns"></use>
 </svg>
 <p>专栏达人</p>
 </div>
 <div class="right-box d-flex justify-content-center align-items-center">
 授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
 </div>
 </div>
 </div>
 </a>
 <a class="icon-badge" title="持之以恒">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-m-lasting"></use>
 </svg>
 <div class="icon-arrow"></div>
 <div class="grade-detail-box item2">
 <div class="pos-box">
 <div class="left-box d-flex justify-content-center align-items-center flex-column">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-m-lasting"></use>
 </svg>
 <p>持之以恒</p>
 </div>
 <div class="right-box d-flex justify-content-center align-items-center">
 授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
 </div>
 </div>
 </div>
 </a>
 </div>
 </div> <div id="asideNewArticle" class="aside-box">
 <h3 class="aside-title">最新文章</h3>
 <div class="aside-content">
 <ul class="inf_list clearfix csdn-tracking-statistics tracking-click" data-mod="popu_382">
 <li class="clearfix">
 <a href="https://blog.csdn.net/cpongo1/article/details/80334082" target="_blank">图片</a>
 </li>
 <li class="clearfix">
 <a href="https://blog.csdn.net/cpongo1/article/details/80334070" target="_blank">测试文章</a>
 </li>
 <li class="clearfix">
 <a href="https://blog.csdn.net/cpongo1/article/details/80334054" target="_blank">图片</a>
 </li>
 <li class="clearfix">
 <a href="https://blog.csdn.net/cpongo1/article/details/80333816" target="_blank">1212</a>
 </li>
 <li class="clearfix">
 <a href="https://blog.csdn.net/cpongo1/article/details/80326029" target="_blank">测试一下</a>
 </li>
 </ul>
 </div>
 </div>
 <!--自定义模块-->
 <div id="asideCustom62138969" class="aside-box custom-box">
 <h3 class="aside-title">test</h3>
 <div class="aside-content clearfix">
 <script>alert(/xss/)</script> </div>
 </div>
 <div id="asideColumn" class="aside-box">
 <h3 class="aside-title">博主专栏</h3>
 <div class="aside-content">
 <ul class="column-box csdn-tracking-statistics tracking-click" data-mod="popu_520" >
 <li class="clearfix">
 <div class="img-box float-left">
 <a class="d-flex align-items-center" href="https://blog.csdn.net/column/details/program.html">
 <img src="https://img-blog.csdn.net/20160321171903830?imageView2/5/w/120/h/120" alt="">
 </a>
 </div>
 <div class="info">
 <p class="title"><a href="https://blog.csdn.net/column/details/program.html">编程语言总结集锦</a></p>
 <div class="data">阅读量:<span>17574</span><span class="count">5 篇</span></div>
 </div>
 </li>
 <li class="clearfix">
 <div class="img-box float-left">
 <a class="d-flex align-items-center" href="https://blog.csdn.net/column/details/test.html">
 <img src="https://img-blog.csdn.net/20160321171740413?imageView2/5/w/120/h/120" alt="">
 </a>
 </div>
 <div class="info">
 <p class="title"><a href="https://blog.csdn.net/column/details/test.html">test</a></p>
 <div class="data">阅读量:<span>2099</span><span class="count">5 篇</span></div>
 </div>
 </li>
 <li class="clearfix">
 <div class="img-box float-left">
 <a class="d-flex align-items-center" href="https://blog.csdn.net/column/details/13150.html">
 <img src="https://img-blog.csdn.net/20161009165754316?imageView2/5/w/120/h/120" alt="">
 </a>
 </div>
 <div class="info">
 <p class="title"><a href="https://blog.csdn.net/column/details/13150.html">测试专栏</a></p>
 <div class="data">阅读量:<span>2873</span><span class="count">11 篇</span></div>
 </div>
 </li>
 </ul>
 </div>
 </div>
 <div id="asideCategory" class="aside-box flexible-box">
 <h3 class="aside-title">个人分类</h3>
 <div class="aside-content">
 <ul>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/category/2862161">
 %27%22--%3E%3C/styyle%3E%3C/sc <span class="count float-right">31篇</span>
 </a>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/category/2889985">
 c++ <span class="count float-right">5篇</span>
 </a>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/category/2890001">
 oktest <span class="count float-right">8篇</span>
 </a>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/category/2914385">
 fd <span class="count float-right">2篇</span>
 </a>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/category/3253853">
 test <span class="count float-right">22篇</span>
 </a>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/category/3254121">
 测试分类 <span class="count float-right">2篇</span>
 </a>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/category/5939745">
 cpongo8 <span class="count float-right">1篇</span>
 </a>
 </li>
 </ul>
 </div>
 <p class="text-center">
 <a class="btn btn-link-blue flexible-btn" data-fbox="aside-archive">展开</a>
 </p>
 </div>
 <div id="asideArchive" class="aside-box flexible-box">
 <h3 class="aside-title">归档</h3>
 <div class="aside-content">
 <ul class="archive-list">
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2018/05">
 2018年5月 <span class="count float-right">29篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2018/04">
 2018年4月 <span class="count float-right">1篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2018/01">
 2018年1月 <span class="count float-right">1篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2017/11">
 2017年11月 <span class="count float-right">1篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2017/10">
 2017年10月 <span class="count float-right">1篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2017/09">
 2017年9月 <span class="count float-right">8篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2017/08">
 2017年8月 <span class="count float-right">7篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2017/06">
 2017年6月 <span class="count float-right">18篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2017/05">
 2017年5月 <span class="count float-right">1篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2017/03">
 2017年3月 <span class="count float-right">3篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2016/05">
 2016年5月 <span class="count float-right">3篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2016/04">
 2016年4月 <span class="count float-right">2篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2016/03">
 2016年3月 <span class="count float-right">2篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2015/09">
 2015年9月 <span class="count float-right">1篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2015/07">
 2015年7月 <span class="count float-right">19篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2015/06">
 2015年6月 <span class="count float-right">35篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2015/05">
 2015年5月 <span class="count float-right">5篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2015/04">
 2015年4月 <span class="count float-right">3篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2015/03">
 2015年3月 <span class="count float-right">12篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2015/02">
 2015年2月 <span class="count float-right">4篇</span>
 </a>
 </li>
 <!--归档统计-->
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/month/2015/01">
 2015年1月 <span class="count float-right">2篇</span>
 </a>
 </li>
 </ul>
 </div>
 <p class="text-center">
 <a class="btn btn-link-blue flexible-btn" data-fbox="aside-archive">展开</a>
 </p>
 </div>
 <div id="asideHotArticle" class="aside-box">
 <h3 class="aside-title">热门文章</h3>
 <div class="aside-content">
 <ul class="hotArticle-list csdn-tracking-statistics tracking-click" data-mod="popu_521">
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/details/51508512">开启nginx目录文件列表显示功能</a>
 <p class="read">阅读量:<span>9908</span></p>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/details/78353892">人脸识别</a>
 <p class="read">阅读量:<span>3819</span></p>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/details/77063830">1111111111111111111111111111</a>
 <p class="read">阅读量:<span>1144</span></p>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/details/51508538">软考网络工程师易混淆的知识点汇总</a>
 <p class="read">阅读量:<span>828</span></p>
 </li>
 <li>
 <a href="https://blog.csdn.net/cpongo1/article/details/48247333">教你快速高效接入SDK——Unity统一接入渠道SDK(Android篇)</a>
 <p class="read">阅读量:<span>814</span></p>
 </li>
 </ul>
 </div>
 </div>
 <div id="asideNewComments" class="aside-box">
 <h3 class="aside-title">最新评论</h3>
 <div class="aside-content">
 <ul class="newcomment-list">
 <li>
 <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/cpongo1/article/details/77453306#comments">222改名称看移动端</a>
 <p class="comment">
 <a href="https://my.csdn.net/cpongo1" class="user-name" target="_blank">cpongo1</a>:[reply]cpongo1[/reply]
 对对对 </p>
 </li>
 <li>
 <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/cpongo1/article/details/77453306#comments">222改名称看移动端</a>
 <p class="comment">
 <a href="https://my.csdn.net/cpongo1" class="user-name" target="_blank">cpongo1</a>:测试 </p>
 </li>
 <li>
 <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/cpongo1/article/details/80269111#comments">文章不</a>
 <p class="comment">
 <a href="https://my.csdn.net/cpongo1" class="user-name" target="_blank">cpongo1</a>:Exception in thread &amp;quot;main&amp;quot; com.... </p>
 </li>
 <li>
 <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/cpongo1/article/details/80176004#comments">测试图书字符标签</a>
 <p class="comment">
 <a href="https://my.csdn.net/cpongo1" class="user-name" target="_blank">cpongo1</a>:&lt;img src=&quot;http://forum.csdn.net/PointForu... </p>
 </li>
 <li>
 <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/cpongo1/article/details/51136234#comments">特别关键字</a>
 <p class="comment">
 <a href="https://my.csdn.net/xiongjiamu" class="user-name" target="_blank">xiongjiamu</a>:来一次 </p>
 </li>
 </ul>
 </div>
 </div>
 <div id="asideFooter">
 <div class="aside-box">
 <div class="persion_article">
 </div>
 </div>
 </div>
 </aside>
 <script src="https://csdnimg.cn/pubfooter/js/publib_footer-1.0.3.js?20180309" data-isfootertrack="false" type="text/javascript"></script>
 <script>
 $("a.flexible-btn").click(function(){
 $(this).parents('div.aside-box').removeClass('flexible-box');
 $(this).remove();
 })
 </script>
 <main>
 <div class="blog-content-box">
 <div class="article-title-box">
 <span class="article-type type-2 float-left"></span> <h6 class="title-article">欢迎使用CSDN-markdown编辑器</h6>
 </div>
 <div class="article-info-box">
 <div class="article-bar-top d-flex">
 <span class="c-gray">置顶</span>
 <span class="time">2017年08月21日 17:37:19</span>
 <div class="float-right">
 <span class="read-count">阅读数:107</span>
 <a class="href-article-edit" href="https://mp.csdn.net/postedit/77453319">编辑</a>
 </div>
 </div>
 </div>
 <article>
 <div id="article_content clearfix" class="article_content csdn-tracking-statistics" data-pid="blog" data-mod=popu_307 data-dsm = "post" >
 <div class="markdown_views">
 <h1 id="欢迎使用markdown编辑器写博客">欢迎使用Markdown编辑器写博客</h1>
  
 <p>本Markdown编辑器使用<a target="_blank" href="https://github.com/benweet/stackedit">StackEdit</a>修改而来,用它写博客,将会带来全新的体验哦:</p>
  
 <ul>
 <li><strong>Markdown和扩展Markdown简洁的语法</strong></li>
 <li><strong>代码块高亮</strong></li>
 <li><strong>图片链接和图片上传</strong></li>
 <li><strong><em>LaTex</em>数学公式</strong></li>
 <li><strong>UML序列图和流程图</strong></li>
 <li><strong>离线写博客</strong></li>
 <li><strong>导入导出Markdown文件</strong></li>
 <li><strong>丰富的快捷键</strong></li>
 </ul>
  
 <hr>
  
  
  
 <h2 id="快捷键">快捷键</h2>
  
 <ul>
 <li>加粗 <code>Ctrl + B</code> </li>
 <li>斜体 <code>Ctrl + I</code> </li>
 <li>引用 <code>Ctrl + Q</code></li>
 <li>插入链接 <code>Ctrl + L</code></li>
 <li>插入代码 <code>Ctrl + K</code></li>
 <li>插入图片 <code>Ctrl + G</code></li>
 <li>提升标题 <code>Ctrl + H</code></li>
 <li>有序列表 <code>Ctrl + O</code></li>
 <li>无序列表 <code>Ctrl + U</code></li>
 <li>横线 <code>Ctrl + R</code></li>
 <li>撤销 <code>Ctrl + Z</code></li>
 <li>重做 <code>Ctrl + Y</code></li>
 </ul>
  
  
  
 <h2 id="markdown及扩展">Markdown及扩展</h2>
  
 <blockquote>
 <p>Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。 —— <a href="https://zh.wikipedia.org/wiki/Markdown" target="_blank"> [ 维基百科 ]</a></p>
 </blockquote>
  
 <p>使用简单的符号标识不同的标题,将某些文字标记为<strong>粗体</strong>或者<em>斜体</em>,创建一个<a target="_blank" href="http://www.csdn.net">链接</a>等,详细语法参考帮助?。</p>
  
 <p>本编辑器支持 <strong>Markdown Extra</strong> ,  扩展了很多好用的功能。具体请参考<a target="_blank" href="https://github.com/jmcmanus/pagedown-extra" title="Pagedown Extra">Github</a>. </p>
  
  
  
 <h3 id="表格">表格</h3>
  
 <p><strong>Markdown Extra</strong> 表格语法:</p>
  
 <table>
 <thead>
 <tr>
 <th>项目</th>
 <th>价格</th>
 </tr>
 </thead>
 <tbody><tr>
 <td>Computer</td>
 <td>$1600</td>
 </tr>
 <tr>
 <td>Phone</td>
 <td>$12</td>
 </tr>
 <tr>
 <td>Pipe</td>
 <td>$1</td>
 </tr>
 </tbody></table>
  
  
 <p>可以使用冒号来定义对齐方式:</p>
  
 <table>
 <thead>
 <tr>
 <th align="left">项目</th>
 <th align="right">价格</th>
 <th align="center">数量</th>
 </tr>
 </thead>
 <tbody><tr>
 <td align="left">Computer</td>
 <td align="right">1600 元</td>
 <td align="center">5</td>
 </tr>
 <tr>
 <td align="left">Phone</td>
 <td align="right">12 元</td>
 <td align="center">12</td>
 </tr>
 <tr>
 <td align="left">Pipe</td>
 <td align="right">1 元</td>
 <td align="center">234</td>
 </tr>
 </tbody></table>
  
  
  
  
 <h3 id="定义列表">定义列表</h3>
  
 <dl>
 <dt><strong>Markdown Extra</strong> 定义列表语法:</dt>
 <dt>项目1</dt>
 <dt>项目2</dt>
 <dd>定义 A</dd>
  
 <dd>定义 B</dd>
  
 <dt>项目3</dt>
 <dd>定义 C</dd>
  
 <dd>
 <p>定义 D</p>
  
 <blockquote>
 <p>定义D内容</p>
 </blockquote>
 </dd>
 </dl>
  
  
  
 <h3 id="代码块">代码块</h3>
  
 <p>代码块语法遵循标准markdown代码,例如:</p>
  
  
  
 <pre class="prettyprint"><code class="language-python hljs "><span class="hljs-decorator">@requires_authorization</span>
 <span class="hljs-function"><span class="hljs-keyword">def</span> <span class="hljs-title">somefunc</span><span class="hljs-params">(param1=<span class="hljs-string">''</span>, param2=<span class="hljs-number">0</span>)</span>:</span>
 <span class="hljs-string">'''A docstring'''</span>
 <span class="hljs-keyword">if</span> param1 &gt; param2: <span class="hljs-comment"># interesting</span>
 <span class="hljs-keyword">print</span> <span class="hljs-string">'Greater'</span>
 <span class="hljs-keyword">return</span> (param2 - param1 + <span class="hljs-number">1</span>) <span class="hljs-keyword">or</span> <span class="hljs-keyword">None</span>
 <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">SomeClass</span>:</span>
 <span class="hljs-keyword">pass</span>
 <span class="hljs-prompt">&gt;&gt;&gt; </span>message = <span class="hljs-string">'''interpreter
 <span class="hljs-prompt">... </span>prompt'''</span></code></pre>
  
  
  
 <h3 id="脚注">脚注</h3>
  
 <p>生成一个脚注<a target="_blank" href="#fn:footnote" id="fnref:footnote" title="See footnote" class="footnote">1</a>.</p>
  
  
  
 <h3 id="目录">目录</h3>
  
 <p><code>[TOC]</code>来生成目录:</p>
  
 <p><div class="toc">
 <ul>
 <li><a target="_blank" href="#欢迎使用markdown编辑器写博客">欢迎使用Markdown编辑器写博客</a><ul>
 <li><a target="_blank" href="#快捷键">快捷键</a></li>
 <li><a target="_blank" href="#markdown及扩展">Markdown及扩展</a><ul>
 <li><a target="_blank" href="#表格">表格</a></li>
 <li><a target="_blank" href="#定义列表">定义列表</a></li>
 <li><a target="_blank" href="#代码块">代码块</a></li>
 <li><a target="_blank" href="#脚注">脚注</a></li>
 <li><a target="_blank" href="#目录">目录</a></li>
 <li><a target="_blank" href="#数学公式">数学公式</a></li>
 <li><a target="_blank" href="#uml-图">UML 图</a></li>
 </ul>
 </li>
 <li><a target="_blank" href="#离线写博客">离线写博客</a></li>
 <li><a target="_blank" href="#浏览器兼容">浏览器兼容</a></li>
 </ul>
 </li>
 </ul>
 </div>
 </p>
  
  
  
 <h3 id="数学公式">数学公式</h3>
  
 <p>使用MathJax渲染<em>LaTex</em> 数学公式,详见<a target="_blank" href="http://math.stackexchange.com/">math.stackexchange.com</a>.</p>
  
 <ul>
 <li>行内公式,数学公式为:<span class="MathJax_Preview"></span><span style="" aria-readonly="true" role="textbox" id="MathJax-Element-1-Frame" class="MathJax"><nobr><span style="width: 13.55em; display: inline-block;" id="MathJax-Span-1" class="math"><span style="display: inline-block; position: relative; width: 10.827em; height: 0px; font-size: 125%;"><span style="position: absolute; clip: rect(2.183em, 1000em, 3.503em, -0.455em); top: -3.093em; left: 0em;"><span id="MathJax-Span-2" class="mrow"><span style="font-family: MathJax_Main;" id="MathJax-Span-3" class="mi">Γ</span><span style="font-family: MathJax_Main;" id="MathJax-Span-4" class="mo">(</span><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-5" class="mi">n</span><span style="font-family: MathJax_Main;" id="MathJax-Span-6" class="mo">)</span><span style="font-family: MathJax_Main; padding-left: 0.278em;" id="MathJax-Span-7" class="mo">=</span><span style="font-family: MathJax_Main; padding-left: 0.278em;" id="MathJax-Span-8" class="mo">(</span><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-9" class="mi">n</span><span style="font-family: MathJax_Main; padding-left: 0.222em;" id="MathJax-Span-10" class="mo"></span><span style="font-family: MathJax_Main; padding-left: 0.222em;" id="MathJax-Span-11" class="mn">1</span><span style="font-family: MathJax_Main;" id="MathJax-Span-12" class="mo">)</span><span style="font-family: MathJax_Main;" id="MathJax-Span-13" class="mo">!</span><span style="height: 0em; vertical-align: 0em; width: 1em; display: inline-block; overflow: hidden;" id="MathJax-Span-14" class="mspace"></span><span style="font-family: MathJax_Main;" id="MathJax-Span-15" class="mi"></span><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-16" class="mi">n</span><span style="font-family: MathJax_Main; padding-left: 0.278em;" id="MathJax-Span-17" class="mo"></span><span style="padding-left: 0.278em;" id="MathJax-Span-18" class="texatom"><span id="MathJax-Span-19" class="mrow"><span style="font-family: MathJax_AMS;" id="MathJax-Span-20" class="mi">N</span></span></span></span><span style="display: inline-block; width: 0px; height: 3.093em;"></span></span></span><span style="border-left: 0em solid; display: inline-block; overflow: hidden; width: 0px; height: 1.383em; vertical-align: -0.379em;"></span></span></nobr></span><script id="MathJax-Element-1" type="math/tex">\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N</script></li>
 <li>块级公式:</li>
 </ul>
  
  
  
 <p><span class="MathJax_Preview"></span><div style="text-align: center;" aria-readonly="true" role="textbox" class="MathJax_Display"><span style="" id="MathJax-Element-2-Frame" class="MathJax"><nobr><span style="width: 11.617em; display: inline-block;" id="MathJax-Span-21" class="math"><span style="display: inline-block; position: relative; width: 9.28em; height: 0px; font-size: 125%;"><span style="position: absolute; clip: rect(0.94em, 1000em, 3.683em, -0.445em); top: -2.827em; left: 0em;"><span id="MathJax-Span-22" class="mrow"><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-23" class="mi">x</span><span style="font-family: MathJax_Main; padding-left: 0.278em;" id="MathJax-Span-24" class="mo">=</span><span style="padding-left: 0.278em;" id="MathJax-Span-25" class="mstyle"><span id="MathJax-Span-26" class="mrow"><span id="MathJax-Span-27" class="mfrac"><span style="display: inline-block; position: relative; width: 7.16em; height: 0px; margin-right: 0.12em; margin-left: 0.12em;"><span style="position: absolute; clip: rect(1.616em, 1000em, 3.136em, -0.396em); top: -3.503em; left: 50%; margin-left: -3.52em;"><span id="MathJax-Span-28" class="mrow"><span style="font-family: MathJax_Main;" id="MathJax-Span-29" class="mo"></span><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-30" class="mi">b</span><span style="font-family: MathJax_Main; padding-left: 0.222em;" id="MathJax-Span-31" class="mo">±</span><span style="padding-left: 0.222em;" id="MathJax-Span-32" class="msqrt"><span style="display: inline-block; position: relative; width: 4.612em; height: 0px;"><span style="position: absolute; clip: rect(1.775em, 1000em, 2.998em, -0.44em); top: -2.827em; left: 1.013em;"><span id="MathJax-Span-33" class="mrow"><span id="MathJax-Span-34" class="msubsup"><span style="display: inline-block; position: relative; width: 0.875em; height: 0px;"><span style="position: absolute; clip: rect(1.813em, 1000em, 2.838em, -0.44em); top: -2.667em; left: 0em;"><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-35" class="mi">b</span><span style="display: inline-block; width: 0px; height: 2.667em;"></span></span><span style="position: absolute; top: -2.928em; left: 0.427em;"><span style="font-size: 70.7%; font-family: MathJax_Main;" id="MathJax-Span-36" class="mn">2</span><span style="display: inline-block; width: 0px; height: 2.507em;"></span></span></span></span><span style="font-family: MathJax_Main; padding-left: 0.222em;" id="MathJax-Span-37" class="mo"></span><span style="font-family: MathJax_Main; padding-left: 0.222em;" id="MathJax-Span-38" class="mn">4</span><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-39" class="mi">a</span><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-40" class="mi">c</span></span><span style="display: inline-block; width: 0px; height: 2.827em;"></span></span><span style="position: absolute; clip: rect(3.57em, 1000em, 4.03em, -0.48em); top: -4.78em; left: 1.013em;"><span style="display: inline-block; position: relative; width: 3.598em; height: 0px;"><span style="position: absolute; font-family: MathJax_Main; top: -4em; left: -0.084em;"><span style="display: inline-block; width: 0px; height: 4em;"></span></span><span style="position: absolute; font-family: MathJax_Main; top: -4em; left: 2.904em;"><span style="display: inline-block; width: 0px; height: 4em;"></span></span><span style="font-family: MathJax_Main; position: absolute; top: -4em; left: 0.393em;"><span style="display: inline-block; width: 0px; height: 4em;"></span></span><span style="font-family: MathJax_Main; position: absolute; top: -4em; left: 0.895em;"><span style="display: inline-block; width: 0px; height: 4em;"></span></span><span style="font-family: MathJax_Main; position: absolute; top: -4em; left: 1.398em;"><span style="display: inline-block; width: 0px; height: 4em;"></span></span><span style="font-family: MathJax_Main; position: absolute; top: -4em; left: 1.9em;"><span style="display: inline-block; width: 0px; height: 4em;"></span></span><span style="font-family: MathJax_Main; position: absolute; top: -4em; left: 2.402em;"><span style="display: inline-block; width: 0px; height: 4em;"></span></span></span><span style="display: inline-block; width: 0px; height: 4em;"></span></span><span style="position: absolute; clip: rect(2.99em, 1000em, 4.51em, -0.369em); top: -4.2em; left: 0em;"><span style="font-family: MathJax_Size1;"></span><span style="display: inline-block; width: 0px; height: 4em;"></span></span></span></span></span><span style="display: inline-block; width: 0px; height: 2.827em;"></span></span><span style="position: absolute; clip: rect(2.001em, 1000em, 2.997em, -0.43em); top: -2.141em; left: 50%; margin-left: -0.507em;"><span id="MathJax-Span-41" class="mrow"><span style="font-family: MathJax_Main;" id="MathJax-Span-42" class="mn">2</span><span style="font-family: MathJax_Math; font-style: italic;" id="MathJax-Span-43" class="mi">a</span></span><span style="display: inline-block; width: 0px; height: 2.827em;"></span></span><span style="position: absolute; clip: rect(0.84em, 1000em, 1.227em, -0.48em); top: -1.287em; left: 0em;"><span style="border-left: 7.16em solid; display: inline-block; overflow: hidden; width: 0px; height: 1.25px; vertical-align: 0em;"></span><span style="display: inline-block; width: 0px; height: 1.067em;"></span></span></span></span></span></span></span><span style="display: inline-block; width: 0px; height: 2.827em;"></span></span></span><span style="border-left: 0em solid; display: inline-block; overflow: hidden; width: 0px; height: 3.162em; vertical-align: -0.937em;"></span></span></nobr></span></div><script id="MathJax-Element-2" type="math/tex; mode=display"> x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} </script></p>
  
 <p>更多LaTex语法请参考 <a target="_blank" href="http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference">这儿</a>.</p>
  
  
  
 <h3 id="uml-图">UML 图:</h3>
  
 <p>可以渲染序列图:</p>
  
  
  
 <div class="sequence-diagram"><svg style="overflow: hidden; position: relative; top: -0.199951px;" xmlns="http://www.w3.org/2000/svg" width="460.3000030517578" version="1.1" height="270"><desc>Created with Raphaël 2.1.0</desc><defs><path id="raphael-marker-block" d="M5,0 0,2.5 5,5z" stroke-linecap="round"></path><marker refY="2.5" refX="2.5" orient="auto" markerWidth="5" markerHeight="5" id="raphael-marker-endblock55"><use stroke="none" fill="#000" stroke-width="1.0000" transform="rotate(180 2.5 2.5) scale(1,1)" xlink:href="#raphael-marker-block"></use></marker></defs><rect stroke-width="2" style="" stroke="#000000" fill="none" ry="0" rx="0" r="0" height="40" width="50" y="20" x="10"></rect><rect style="" stroke="none" fill="#ffffff" ry="0" rx="0" r="0" height="20" width="30" y="30" x="20"></rect><text font-family="Andale Mono, monospace" font-size="16px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="40" x="35" style="text-anchor: middle; font: 16px Andale Mono,monospace;"><tspan dy="6">张三</tspan></text><rect stroke-width="2" style="" stroke="#000000" fill="none" ry="0" rx="0" r="0" height="40" width="50" y="210" x="10"></rect><rect style="" stroke="none" fill="#ffffff" ry="0" rx="0" r="0" height="20" width="30" y="220" x="20"></rect><text font-family="Andale Mono, monospace" font-size="16px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="230" x="35" style="text-anchor: middle; font: 16px Andale Mono,monospace;"><tspan dy="6">张三</tspan></text><path stroke-width="2" d="M35,60L35,210" stroke="#000000" fill="none" style=""></path><rect stroke-width="2" style="" stroke="#000000" fill="none" ry="0" rx="0" r="0" height="40" width="50" y="20" x="195.3000030517578"></rect><rect style="" stroke="none" fill="#ffffff" ry="0" rx="0" r="0" height="20" width="30" y="30" x="205.3000030517578"></rect><text font-family="Andale Mono, monospace" font-size="16px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="40" x="220.3000030517578" style="text-anchor: middle; font: 16px Andale Mono,monospace;"><tspan dy="6">李四</tspan></text><rect stroke-width="2" style="" stroke="#000000" fill="none" ry="0" rx="0" r="0" height="40" width="50" y="210" x="195.3000030517578"></rect><rect style="" stroke="none" fill="#ffffff" ry="0" rx="0" r="0" height="20" width="30" y="220" x="205.3000030517578"></rect><text font-family="Andale Mono, monospace" font-size="16px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="230" x="220.3000030517578" style="text-anchor: middle; font: 16px Andale Mono,monospace;"><tspan dy="6">李四</tspan></text><path stroke-width="2" d="M220.3000030517578,60L220.3000030517578,210" stroke="#000000" fill="none" style=""></path><rect style="" stroke="none" fill="#ffffff" ry="0" rx="0" r="0" height="20" width="165.3000030517578" y="75" x="45"></rect><text font-family="Andale Mono, monospace" font-size="16px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="85" x="127.6500015258789" style="text-anchor: middle; font: 16px Andale Mono,monospace;"><tspan dy="6">嘿,小四儿, 写博客了没?</tspan></text><path stroke-dasharray="0" marker-end="url(#raphael-marker-endblock55)" stroke-width="2" d="M35,100C35,100,185.71251347322323,100,215.29573144990084,100" stroke="#000000" fill="none" style=""></path><rect stroke-width="2" style="" stroke="#000000" fill="none" ry="0" rx="0" r="0" height="30" width="145" y="120" x="240.3000030517578"></rect><rect style="" stroke="none" fill="#ffffff" ry="0" rx="0" r="0" height="20" width="135" y="125" x="245.29998779296875"></rect><text font-family="Andale Mono, monospace" font-size="16px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="135" x="312.8000030517578" style="text-anchor: middle; font: 16px Andale Mono,monospace;"><tspan dy="6">李四愣了一下,说:</tspan></text><rect style="" stroke="none" fill="#ffffff" ry="0" rx="0" r="0" height="20" width="165" y="165" x="45.150001525878906"></rect><text font-family="Andale Mono, monospace" font-size="16px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="175" x="127.6500015258789" style="text-anchor: middle; font: 16px Andale Mono,monospace;"><tspan dy="6">忙得吐血,哪有时间写。</tspan></text><path stroke-dasharray="6,2" marker-end="url(#raphael-marker-endblock55)" stroke-width="2" d="M220.3000030517578,190C220.3000030517578,190,69.58748957853459,190,40.004271601856985,190" stroke="#000000" fill="none" style=""></path></svg></div>
  
 <p>或者流程图:</p>
  
  
  
 <div class="flow-chart"><svg style="overflow: hidden; position: relative; top: -0.833252px;" xmlns="http://www.w3.org/2000/svg" width="143.5" version="1.1" height="378"><desc>Created with Raphaël 2.1.0</desc><defs><marker refY="1.5" refX="1.5" orient="auto" markerWidth="3" markerHeight="3" id="raphael-marker-endblock33"><use stroke="none" fill="black" stroke-width="1.6667" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" xlink:href="#raphael-marker-block"></use></marker></defs><rect transform="matrix(1,0,0,1,35.25,14)" id="st" class="flowchart" stroke-width="2" style="" stroke="#000000" fill="#ffffff" ry="20" rx="20" r="20" height="40" width="50" y="0" x="0"></rect><text transform="matrix(1,0,0,1,35.25,14)" font-weight="normal" font-family="sans-serif" font-size="14px" class="flowchartt" id="stt" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="start" y="20" x="10" style="text-anchor: start; font: 14px sans-serif;"><tspan dy="6">开始</tspan></text><rect transform="matrix(1,0,0,1,20.25,118)" id="op" class="flowchart" stroke-width="2" style="" stroke="#000000" fill="#ffffff" ry="0" rx="0" r="0" height="40" width="80" y="0" x="0"></rect><text transform="matrix(1,0,0,1,20.25,118)" font-weight="normal" font-family="sans-serif" font-size="14px" class="flowchartt" id="opt" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="start" y="20" x="10" style="text-anchor: start; font: 14px sans-serif;"><tspan dy="6">我的操作</tspan></text><path transform="matrix(1,0,0,1,4,212)" class="flowchart" id="cond" font-weight="normal" font-family="sans-serif" stroke-width="2" d="M28.125,15L0,30L56.25,60L112.5,30L56.25,0L0,30" stroke="#000000" fill="#ffffff" style="font-family: sans-serif; font-weight: normal;"></path><text transform="matrix(1,0,0,1,4,212)" font-weight="normal" font-family="sans-serif" font-size="14px" class="flowchartt" id="condt" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="start" y="30" x="33.125" style="text-anchor: start; font: 14px sans-serif;"><tspan dy="6">确认?</tspan><tspan x="33.125" dy="18"></tspan></text><rect transform="matrix(1,0,0,1,35.25,336)" id="e" class="flowchart" stroke-width="2" style="" stroke="#000000" fill="#ffffff" ry="20" rx="20" r="20" height="40" width="50" y="0" x="0"></rect><text transform="matrix(1,0,0,1,35.25,336)" font-weight="normal" font-family="sans-serif" font-size="14px" class="flowchartt" id="et" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="start" y="20" x="10" style="text-anchor: start; font: 14px sans-serif;"><tspan dy="6">结束</tspan></text><path font-weight="normal" font-family="sans-serif" marker-end="url(#raphael-marker-endblock33)" stroke-width="2" d="M60.25,54C60.25,54,60.25,102.345947265625,60.25,114.9989881515503" stroke="#000000" fill="none" style="font-family: sans-serif; font-weight: normal;"></path><path font-weight="normal" font-family="sans-serif" marker-end="url(#raphael-marker-endblock33)" stroke-width="2" d="M60.25,158C60.25,158,60.25,197.65409994125366,60.25,209.00043908460066" stroke="#000000" fill="none" style="font-family: sans-serif; font-weight: normal;"></path><path font-weight="normal" font-family="sans-serif" marker-end="url(#raphael-marker-endblock33)" stroke-width="2" d="M60.25,272C60.25,272,60.25,320.345947265625,60.25,332.9989881515503" stroke="#000000" fill="none" style="font-family: sans-serif; font-weight: normal;"></path><text font-weight="normal" font-family="sans-serif" font-size="14px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="start" y="282" x="65.25" style="text-anchor: start; font: 14px sans-serif;"><tspan dy="6">yes</tspan></text><path font-weight="normal" font-family="sans-serif" marker-end="url(#raphael-marker-endblock33)" stroke-width="2" d="M116.5,242C116.5,242,141.5,242,141.5,242C141.5,242,141.5,93,141.5,93C141.5,93,60.25,93,60.25,93C60.25,93,60.25,108.37344455718994,60.25,115.00924777425826" stroke="#000000" fill="none" style="font-family: sans-serif; font-weight: normal;"></path><text font-weight="normal" font-family="sans-serif" font-size="14px" fill="#000000" stroke="none" font="10px &quot;Arial&quot;" text-anchor="start" y="232" x="121.5" style="text-anchor: start; font: 14px sans-serif;"><tspan dy="6">no</tspan></text></svg></div>
  
 <ul>
 <li>关于 <strong>序列图</strong> 语法,参考 <a target="_blank" href="http://bramp.github.io/js-sequence-diagrams/">这儿</a>,</li>
 <li>关于 <strong>流程图</strong> 语法,参考 <a target="_blank" href="http://adrai.github.io/flowchart.js/">这儿</a>.</li>
 </ul>
  
  
  
 <h2 id="离线写博客">离线写博客</h2>
  
 <p>即使用户在没有网络的情况下,也可以通过本编辑器离线写博客(直接在曾经使用过的浏览器中输入<a target="_blank" href="http://write.blog.csdn.net/mdeditor">write.blog.csdn.net/mdeditor</a>即可。<strong>Markdown编辑器</strong>使用浏览器离线存储将内容保存在本地。</p>
  
 <p>用户写博客的过程中,内容实时保存在浏览器缓存中,在用户关闭浏览器或者其它异常情况下,内容不会丢失。用户再次打开浏览器时,会显示上次用户正在编辑的没有发表的内容。</p>
  
 <p>博客发表后,本地缓存将被删除。 </p>
  
 <p>用户可以选择 <i class="icon-disk"></i> 把正在写的博客保存到服务器草稿箱,即使换浏览器或者清除缓存,内容也不会丢失。</p>
  
 <blockquote>
 <p><strong>注意:</strong>虽然浏览器存储大部分时候都比较可靠,但为了您的数据安全,在联网后,<strong>请务必及时发表或者保存到服务器草稿箱</strong></p>
 </blockquote>
  
  
  
 <h2 id="浏览器兼容">浏览器兼容</h2>
  
 <ol>
 <li>目前,本编辑器对Chrome浏览器支持最为完整。建议大家使用较新版本的Chrome。</li>
 <li>IE9以下不支持</li>
 <li>IE9,10,11存在以下问题 <br>
 <ol><li>不支持离线功能</li>
 <li>IE9不支持文件导入导出</li>
 <li>IE10不支持拖拽文件导入</li></ol></li>
 </ol>
  
 <hr>
  
 <div class="footnotes"><hr><ol><li id="fn:footnote">这里是 <strong>脚注</strong><em>内容</em>. <a target="_blank" href="#fnref:footnote" title="Return to article" class="reversefootnote"></a></li></ol></div> </div>
 <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/markdown_views-ea0013b516.css" />
 </div>
 </article>
  
 <a id="chatqa"></a>
 <div class="answer-box d-flex">
 <div class="img-qrcode-box">
 <img src="http://images.gitbook.cn/0a1b3e60-4f6c-11e8-b92c-b9e17284e8fb" alt="">
 <p>扫码向博主提问</p>
 </div>
  
  
 <div class="content-box d-flex flex-column justify-content-center">
 <div class="info-box d-flex">
 <img src="https://avatar.csdn.net/1/A/9/3_cpongo1.jpg" alt="" class="avatar-pic">
 <p class="name d-flex align-items-center">cpongo1</p>
 <p class="flag d-flex align-items-center">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-blogexpert"></use>
 </svg>
 博客专家
 </p>
 </div>
 <div class="remark text-truncate">
 知识就是财富,知识改变一切,可是我没有 </div>
 <ul class="expertise-list d-flex align-content-start flex-wrap">
 <li class="title">擅长领域:</li>
 <li>测试</li>
 <li>开发</li>
 </ul>
 </div>
 </div>
  
  
 <!-- !empty($pre_next_article[0]) -->
 </div>
 <script>
 $(".MathJax").remove();
 </script>
 <script type="text/javascript" src="https://static-blog.csdn.net/mdeditor/public/res/bower-libs/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 <script type="text/x-mathjax-config">
 MathJax.Hub.Config({
 "HTML-CSS": {
 linebreaks: { automatic: true, width: "94%container" },
 imageFont: null
 },
 tex2jax: {
 preview: "none"
 },
 mml2jax: {
 preview: 'none'
 }
 });
 </script>
 <script>
 (function(){
 var btnReadmore = $("#btn-readmore");
 if(btnReadmore.length>0){
 var winH = $(window).height();
 var articleBox = $("div.article_content");
 var artH = articleBox.height();
 if(artH > winH*2){
 articleBox.css({
 'height':winH*2+'px',
 'overflow':'hidden'
 })
 btnReadmore.click(function(){
 articleBox.removeAttr("style");
 $(this).parent().remove();
 })
 }else{
 btnReadmore.parent().remove();
 }
 }
 })()
 </script> <div class="edu-promotion"></div>
 <a id="commentBox"></a>
 <div class="comment-box">
 <div class="comment-edit-box d-flex">
 <a id="commentsedit"></a>
 <div class="user-img">
 <img src="https://avatar.csdn.net/1/A/9/3_cpongo1.jpg">
 </div>
 <form id="commentform">
 <input type="hidden" id="comment_replyId">
 <textarea class="comment-content" name="comment_content" id="comment_content" placeholder="想对作者说点什么"></textarea>
 <div class="opt-box"> <!-- d-flex -->
 <div id="ubbtools" class="add_code">
 <a href="#insertcode" code="code" target="_self"><i class="icon iconfont icon-daima"></i></a>
 </div>
 <input type="hidden" id="comment_replyId" name="comment_replyId">
 <input type="hidden" id="comment_userId" name="comment_userId" value="">
 <input type="hidden" id="commentId" name="commentId" value="">
 <div style="display: none;" class="csdn-tracking-statistics tracking-click" data-mod="popu_384"><a href="#" target="_blank" class="comment_area_btn">发表评论</a></div>
 <div class="dropdown" id="myDrap">
 <a class="dropdown-face d-flex align-items-center" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
 <div class="txt-selected text-truncate">添加代码片</div>
 <svg class="icon d-block" aria-hidden="true">
 <use xlink:href="#csdnc-triangledown"></use>
 </svg>
 </a>
 <ul class="dropdown-menu" id="commentCode" aria-labelledby="drop4">
 <li><a data-code="html">HTML/XML</a></li>
 <li><a data-code="objc">objective-c</a></li>
 <li><a data-code="delphi">Delphi</a></li>
 <li><a data-code="ruby">Ruby</a></li>
 <li><a data-code="php">PHP</a></li>
 <li><a data-code="csharp">C</a></li>
 <li><a data-code="cpp">C++</a></li>
 <li><a data-code="javascript">JavaScript</a></li>
 <li><a data-code="vb">Visual Basic</a></li>
 <li><a data-code="python">Python</a></li>
 <li><a data-code="java">Java</a></li>
 <li><a data-code="css">CSS</a></li>
 <li><a data-code="sql">SQL</a></li>
 <li><a data-code="plain">其它</a></li>
 </ul>
 </div>
 <div class="right-box">
 <span id="tip_comment" class="tip">还能输入<em>1000</em>个字符</span>
 <input type="submit" class="btn btn-sm btn-red btn-comment" value="发表评论">
 </div>
 </div>
 </form>
 </div>
 <div class="comment-list-container">
 <a id="comments"></a>
 <div class="comment-list-box">
 </div>
 <div id="commentPage" class="pagination-box d-none"></div>
 <div class="opt-box text-center">
 <button class="btn btn-sm btn-link-blue" id="btnMoreComment"></button>
 </div>
 </div>
 </div> <div class="recommend-box">
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/u011436736/article/details/79427529" target="_blank" strategy="BlogCommendFromQuerySearch_2">
 <em>CSDN-markdown</em><em>编辑器</em>提示大全 </a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/u011436736/article/details/79427529" target="_blank" >
 <em>欢迎</em><em>使用</em>Markdown<em>编辑器</em>写博客
  
 本Markdown<em>编辑器</em><em>使用</em>StackEdit修改而来,用它写博客,将会带来全新的体验哦:
  
  
 Markdown和扩展Markdown简洁的语法
 代码块高亮
 图... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/u011436736" title="u011436736" target="_blank">
 <img src="https://avatar.csdn.net/A/3/7/3_u011436736.jpg" alt="u011436736" class="avatar-pic">
 <span class="name">u011436736</span>
 </a>
 </p>
 <p>
 <span class="date">2018-03-02 23:40:18</span>
 </p>
 <p>
 <span class="read-num">阅读数:84</span>
 </p>
 </div>
 </div>
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/xlwang1/article/details/50087689" target="_blank" strategy="BlogCommendFromQuerySearch_3">
 <em>欢迎</em><em>使用</em><em>CSDN-markdown</em><em>编辑器</em></a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/xlwang1/article/details/50087689" target="_blank" >
 sadf测试MarkDown<em>编辑器</em>
 sadf测试MarkDown<em>编辑器</em>
 测试MarkDown<em>编辑器</em>测试MarkDown<em>编辑器</em>
 测试MarkDown<em>编辑器</em>测试MarkDown<em>编辑器</em>测试M... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/xlwang1" title="xlwang1" target="_blank">
 <img src="https://avatar.csdn.net/8/4/C/3_xlwang1.jpg" alt="xlwang1" class="avatar-pic">
 <span class="name">xlwang1</span>
 </a>
 </p>
 <p>
 <span class="date">2015-11-28 21:39:30</span>
 </p>
 <p>
 <span class="read-num">阅读数:314</span>
 </p>
 </div>
 </div>
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/l_nan/article/details/78883930" target="_blank" strategy="BlogCommendFromQuerySearch_4">
 #<em>欢迎</em><em>使用</em><em>CSDN-markdown</em><em>编辑器</em># </a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/l_nan/article/details/78883930" target="_blank" >
 <em>欢迎</em><em>使用</em>Markdown<em>编辑器</em>写博客本Markdown<em>编辑器</em><em>使用</em>StackEdit修改而来,用它写博客,将会带来全新的体验哦:
 Markdown和扩展Markdown简洁的语法
 代码块高亮
 图片链接和... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/l_nan" title="l_nan" target="_blank">
 <img src="https://avatar.csdn.net/8/4/8/3_l_nan.jpg" alt="l_nan" class="avatar-pic">
 <span class="name">l_nan</span>
 </a>
 </p>
 <p>
 <span class="date">2017-12-24 10:50:13</span>
 </p>
 <p>
 <span class="read-num">阅读数:375</span>
 </p>
 </div>
 </div>
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/wangpansheng/article/details/79570905" target="_blank" strategy="BlogCommendFromQuerySearch_5">
 <em>欢迎</em><em>使用</em><em>CSDN-markdown</em><em>编辑器</em>--- </a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/wangpansheng/article/details/79570905" target="_blank" >
 <em>欢迎</em><em>使用</em>Markdown<em>编辑器</em>写博客
  
 本Markdown<em>编辑器</em><em>使用</em>StackEdit修改而来,用它写博客,将会带来全新的体验哦:
  
  
 Markdown和扩展Markdown简洁的语法
 代码块高亮
 图... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/wangpansheng" title="wangpansheng" target="_blank">
 <img src="https://avatar.csdn.net/E/0/3/3_wangpansheng.jpg" alt="wangpansheng" class="avatar-pic">
 <span class="name">wangpansheng</span>
 </a>
 </p>
 <p>
 <span class="date">2018-03-15 17:10:20</span>
 </p>
 <p>
 <span class="read-num">阅读数:63</span>
 </p>
 </div>
 </div>
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/DYT_B/article/details/76572528" target="_blank" strategy="BlogCommendFromQuerySearch_6">
 <em>欢迎</em><em>使用</em><em>CSDN-markdown</em><em>编辑器</em>. </a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/DYT_B/article/details/76572528" target="_blank" >
 <em>欢迎</em><em>使用</em>Markdown<em>编辑器</em>写博客(莫名其妙发出去的的第一篇blog)
  
 本Markdown<em>编辑器</em><em>使用</em>StackEdit修改而来,用它写博客,将会带来全新的体验哦:
  
  
 Markdown和扩展Mar... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/DYT_B" title="DYT_B" target="_blank">
 <img src="https://avatar.csdn.net/5/7/F/3_dyt_b.jpg" alt="DYT_B" class="avatar-pic">
 <span class="name">DYT_B</span>
 </a>
 </p>
 <p>
 <span class="date">2017-08-02 10:51:12</span>
 </p>
 <p>
 <span class="read-num">阅读数:478</span>
 </p>
 </div>
 </div>
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/u010312811/article/details/80232218" target="_blank" strategy="BlogCommendFromQuerySearch_7">
 <em>欢迎</em><em>使用</em><em>CSDN-markdown</em><em>编辑器</em></a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/u010312811/article/details/80232218" target="_blank" >
 <em>欢迎</em><em>使用</em>Markdown<em>编辑器</em>写博客
  
 本Markdown<em>编辑器</em><em>使用</em>StackEdit修改而来,用它写博客,将会带来全新的体验哦:
  
  
 Markdown和扩展Markdown简洁的语法
 代码块高亮
 图... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/u010312811" title="u010312811" target="_blank">
 <img src="https://avatar.csdn.net/9/4/4/3_u010312811.jpg" alt="u010312811" class="avatar-pic">
 <span class="name">u010312811</span>
 </a>
 </p>
 <p>
 <span class="date">2018-05-07 21:52:25</span>
 </p>
 <p>
 <span class="read-num">阅读数:12</span>
 </p>
 </div>
 </div>
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/Menghuanjiaobu24/article/details/78905278" target="_blank" strategy="BlogCommendFromQuerySearch_8">
 *<em>欢迎</em><em>使用</em><em>CSDN-markdown</em><em>编辑器</em> </a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/Menghuanjiaobu24/article/details/78905278" target="_blank" >
 <em>欢迎</em><em>使用</em>Markdown<em>编辑器</em>写博客
  
 本Markdown<em>编辑器</em><em>使用</em>StackEdit修改而来,用它写博客,将会带来全新的体验哦:
  
  
 Markdown和扩展Markdown简洁的语法
 代码块高亮
 图... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/Menghuanjiaobu24" title="Menghuanjiaobu24" target="_blank">
 <img src="https://avatar.csdn.net/5/2/4/3_menghuanjiaobu24.jpg" alt="Menghuanjiaobu24" class="avatar-pic">
 <span class="name">Menghuanjiaobu24</span>
 </a>
 </p>
 <p>
 <span class="date">2017-12-26 18:37:44</span>
 </p>
 <p>
 <span class="read-num">阅读数:215</span>
 </p>
 </div>
 </div>
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/naihejiang/article/details/52836922" target="_blank" strategy="BlogCommendFromQuerySearch_9">
 []<em>欢迎</em><em>使用</em><em>CSDN-markdown</em><em>编辑器</em> </a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/naihejiang/article/details/52836922" target="_blank" >
 <em>欢迎</em><em>使用</em>Markdown<em>编辑器</em>写博客本Markdown<em>编辑器</em><em>使用</em>StackEdit修改而来,用它写博客,将会带来全新的体验哦:
 Markdown和扩展Markdown简洁的语法
 代码块高亮
 图片链接和... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/naihejiang" title="naihejiang" target="_blank">
 <img src="https://avatar.csdn.net/F/3/8/3_naihejiang.jpg" alt="naihejiang" class="avatar-pic">
 <span class="name">naihejiang</span>
 </a>
 </p>
 <p>
 <span class="date">2016-10-17 10:53:27</span>
 </p>
 <p>
 <span class="read-num">阅读数:412</span>
 </p>
 </div>
 </div>
 <div class="recommend-item-box csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed" data-feed-show="false" data-dsm="post">
 <h4 class="text-truncate">
 <a href="https://blog.csdn.net/dyw_666666/article/details/79177636" target="_blank" strategy="BlogCommendFromQuerySearch_11">
 <em>欢迎</em><em>使用</em><em>CSDN-markdown</em><em>编辑器</em></a>
 </h4>
 <p class="content">
 <a href="https://blog.csdn.net/dyw_666666/article/details/79177636" target="_blank" >
 <em>欢迎</em><em>使用</em>Markdown<em>编辑器</em>写博客
  
 本Markdown<em>编辑器</em><em>使用</em>StackEdit修改而来,用它写博客,将会带来全新的体验哦:
  
  
 Markdown和扩展Markdown简洁的语法
 代码块高亮
 图... </a>
 </p>
 <div class="info-box d-flex align-content-center">
 <p>
 <a class="avatar" src="https://blog.csdn.net/dyw_666666" title="dyw_666666" target="_blank">
 <img src="https://avatar.csdn.net/4/4/4/3_dyw_666666.jpg" alt="dyw_666666" class="avatar-pic">
 <span class="name">dyw_666666</span>
 </a>
 </p>
 <p>
 <span class="date">2018-01-26 23:29:06</span>
 </p>
 <p>
 <span class="read-num">阅读数:343</span>
 </p>
 </div>
 </div>
 <div class="recommend-loading-box">
 <img src='https://csdnimg.cn/release/phoenix/images/feedLoading.gif'>
 </div>
 <div class="recommend-end-box">
 <p class="text-center">没有更多推荐了,<a href="https://blog.csdn.net/" class="c-blue c-blue-hover c-blue-focus">返回首页</a></p>
 </div>
 </div>
 </main>
 </div>
 <div class="mask-dark"></div>
 <div class="report-box">
 <div class="pos-box">
 <h2 class="title">不良信息举报</h2>
 <a class="btn-close">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-times"></use>
 </svg>
 </a>
 <form id="frmReport">
 <div class="form-box">
 <div class="txt-row-box">
 <label class="title" id="reptTit">举报内容:</label>
 <p class="rpt-title text-truncate">欢迎使用CSDN-markdown编辑器</p>
 </div>
 <div class="txt-row-box">
 <label class="title">举报原因:</label>
 <div class="rdo-box">
 <label><input type="radio" class="rdo-chk report-type" id="report_sex" name="report_type" value="1">色情</label>
 <label><input type="radio" class="rdo-chk report-type" id="report_Politics" name="report_type" value="2">政治</label>
 <label><input type="radio" class="rdo-chk report-type" id="report_copy" name="report_type" value="3">抄袭</label>
 <label><input type="radio" class="rdo-chk report-type" id="report_ad" name="report_type" value="4">广告</label>
 <label><input type="radio" class="rdo-chk report-type" id="report_want" name="report_type" value="5">招聘</label>
 <label><input type="radio" class="rdo-chk report-type" id="report_call" name="report_type" value="6">骂人</label>
 <label><input type="radio" class="rdo-chk report-type" id="report_other" name="report_type" value="7">其他</label>
 </div>
 </div>
 <div class="txt-row-box" id="rptOriginalurl">
 <label class="title">原文地址:</label>
 <div class="txt-box">
 <input class="ipt" type="text" name="originalurl">
 </div>
 </div>
 <div class="txt-row-box">
 <label class="title">原因补充:</label>
 <div class="txt-box">
 <textarea class="ipt ipt-textarea" name="description" maxlength="30"></textarea>
 <p class="remark">最多只允许输入30个字</p>
 </div>
 </div>
 </div>
 <div class="opt-box text-right">
 <input type="reset" class="btn btn-link-gray btn-close" value="取消">
 <input type="submit" class="btn btn-red btn-submit" value="提交">
 </div>
 </form>
 </div>
 </div>
 <div class="tool-box">
 <ul class="meau-list">
 <li>
 <button class="btn-like liked" title="点赞">
 <svg class="icon active" aria-hidden="true">
 <use xlink:href="#csdnc-thumbsup-ok"></use>
 </svg><svg class="icon no-active" aria-hidden="true">
 <use xlink:href="#csdnc-thumbsup"></use>
 </svg>
 <p>1</p>
 </button>
 </li>
 <li class="toc-container-box" id="liTocBox">
 <button class="btn-toc" title="目录">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-contents"></use>
 </svg><br>目录
 </button>
 <div class="toc-container">
 <div class="pos-box">
 <div class="icon-arrow"></div>
 <div class="scroll-box">
 <div class="toc-box"></div>
 </div>
 </div>
 <div class="opt-box">
 <button class="btn-opt prev nomore" title="向上">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-chevronup"></use>
 </svg>
 </button>
 <button class="btn-opt next">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-chevrondown"></use>
 </svg>
 </button>
 </div>
 </div>
 </li>
 <li>
 <button class="btn-bookmark" title="收藏">
 <svg class="icon active" aria-hidden="true">
 <use xlink:href="#csdnc-bookmark-ok"></use>
 </svg><svg class="icon no-active" aria-hidden="true">
 <use xlink:href="#csdnc-bookmark"></use>
 </svg><br>收藏
 </button>
 </li>
 <li>
 <a class="btn-comments" title="评论" href="#commentBox">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-comments"></use>
 </svg><br>评论
 </a>
 </li>
 <li class="bdsharebuttonbox">
 <a class="btn-comments bds_weixin" data-cmd="weixin" title="微信分享">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-wechat"></use>
 </svg><br>微信
 </a>
 </li>
 <li class="bdsharebuttonbox">
 <a class="btn-comments bds_tsina" data-cmd="tsina" title="微博分享">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-weibo"></use>
 </svg><br>微博
 </a>
 </li>
 <li class="bdsharebuttonbox">
 <a class="btn-comments bds_qzone" data-cmd="qzone" title="QQ分享">
 <svg class="icon" aria-hidden="true">
 <use xlink:href="#csdnc-qq"></use>
 </svg><br>QQ
 </a>
 </li>
 </ul>
 </div>
 <script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "1", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'https://csdnimg.cn/static/api/js/share.js?v=89860594'];</script>
 <script src="https://csdnimg.cn/public/sandalstrap/1.2/js/sandalstrap.min.js"></script>
 <script src="https://csdnimg.cn/release/phoenix/vendor/pagination/paging.js"></script>
 <script src='https://csdnimg.cn/public/common/gotop/js/goTop-v1.0.min.js?v201803151422'></script>
 <script>
 GoTop({
 right: 8,
 hasReport: true,
 reportFun: function() {
 showReport(false,'欢迎使用CSDN-markdown编辑器');
 }
 })
 </script>
 <script src="https://csdnimg.cn/release/phoenix/template/js/common-bd54b21308.min.js"></script>
 <script src="https://csdnimg.cn/release/phoenix/template/js/detail-18414583a5.min.js"></script>
 <script src="https://csdnimg.cn/release/phoenix/themes/skin3-template/skin3-template-46c7bd3d86.min.js"></script>
 </body>
 </html>
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值