腾讯IT男转行数据后感慨：没用过这个工具，别说自己懂报表，这么做领导才满意

腾讯IT男转行数据后感慨：没用过这个工具，别说自己懂报表，这么做领导才满意

张佳伟申 2020-07-05 18:36:26 2099 收藏

文章标签： 数据库 大数据 数据挖掘 数据仓库 算法

            </div>
            </div>
                            <div class="up-time" style="left: 103.9px; display: none;"><span>最后发布：2020-07-05 18:36:26</span><span>首次发布：2020-07-05 18:36:26</span></div>
            <div class="slide-content-box">
            <div class="all-tags-box">
                                </div>
                                                            <div class="article-source-link">
                        原文链接：<a href="https://blog.csdn.net/yuanziok/article/details/107102522" target="_blank" rel="noopener">https://blog.csdn.net/yuanziok/article/details/107102522</a>
                    </div>
                                </div>
            <div class="operating">
                                                            <a class="href-article-edit slide-toggle">版权</a>
                                </div>
        </div>
    </div>
</div>
<!--python安装手册结束-->
                <article class="baidu_pl">
             <div id="article_content" class="article_content clearfix">
        <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-963e387caa.css">
                        <div id="content_views" class="markdown_views prism-atom-one-dark">
                <!-- flowchart 箭头图标 勿删 -->
                <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
                    <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                </svg>
                                        <article class="baidu_pl">
             <div id="article_content" class="article_content clearfix">
        
                        <div class="htmledit_views" id="content_views">
                                        <p>看到文末，你不会对这份干货失望的。</p>

我是一名算法工程师，在那个和老干妈有纠纷的大厂工作....

 

但是工作了大半年，我发现我的算法技能没有涨多少，反而sql的水平提高了很多，因为一天到晚都在写，感觉自己就是一个BI/报表哥，而且我还经常安慰自己：业务第一，取数要紧...

虽然总不能把代码叫数据挖掘，用SQL，Excel叫数据分析，只要能解决问题就好，但我的心里总是过意不去，我一算法工程师为什么会去做报表？

同样的，我发现别人也有这样的问题：

 

同样的，也会有人怀疑BI、报表这个岗位的未来在哪里：

 

以前做大数据平台还好，也可以上手弄Hadoop、Spark、Storm、Flink以及Kafka等集群，但是做了BI和报表之后，除了sql和ETL，我就啥也不干了。

其实这事好解决，不能看你的title，这个岗位分化极大，而是看你想干成什么事情，以什么手段去干成这些事情。

我曾经也在大型企业搭建过数据中心，从项目规划到技术选型都是投入很大精力的，日吞吐上千个G，存量达到2个pb，刚开始也经常被业务喷，现在得到了认可。

 

我是从哪几个方面去做的呢？

1、规划项目架构

 

我们需要在每个时间段规划出这个项目所要达成的目标，比如一开始是手工报表，那我们有了数据仓库和大数据平台之后，就应该变成自动化的报表。

有了Hadoop之后，我们的目标应该是OLAP分析，规划做大一点，总没错的。

这里的框架主要聚焦于企业内部，对于企业内的不同团队、部门乃至于子公司，打通期间的数字藩篱，让数据在企业内部以同样的标准流动起来。

2、组建属于自己的数据团队

 

很多数/商分部门负责人上来以后意气风发，会立下Flag：数据驱动业务发展/360度数据视图/管理驾驶舱等等高大上的里程碑。

我负责任的告诉大家，如果这么立死定了。

要知道，传统企业的数据收集比互联网要复杂的多，光是把所有收集数据的源头理清楚，从各个渠道（财务系统、ERP系统、手工报表、自开发系统）把数据都要整合到一个数据仓库里就是超超超大量的工作，ETL要干到吐血。

 

建立团队要慢慢来，先找到能有快速产出的事情，再慢慢做困难的事情，比如领导需要帮他做业务实时数据看板，很简单的需求：就是实时，Excel做不到。

这部分业务数据当时系统已经是现成的了，只是报表都是T+1出，于是我通过技术手段把T+1变成T+0，实现过程没那么复杂，这得到了认可，于是我才有时间和资源去做剩下的事情。

3、选择合适的报表和BI工具

 

到这一步，大数据平台基本算是搭建好了，抛开基础架构不谈，我们来看看应用层，这也是前端人员最容易接触到的东西，评价好不好全看这些。

这绝不仅仅是IT系统的建设和升级，但却离不开IT系统的支撑。除了企业使用的管理和生产软件外，我们还需要自动化、实时的大数据分析工具帮助我们处理大量的数据。

在这里我推荐FineReport，它的定位是报表工具，但是也能解决很多报表之外的事情，比如：可视化大屏，大数据分析。在数据应用层，有这么一个工具就够了，更大点的公司或许会用让业务人员用到BI做更细致的分析，也是可以的。

 

 

 

有了FineReport，从mysql建表、数据导入、制作日报、周报、月报，各种对比报表就会被逐一攻破，你以前都是用Excel，数据收集肯定很麻烦吧，而且还要担心口径不统一的问题。

而IT只需要向各业务部门的负责人收集数据，然后花几分钟导入数据库，然后点点鼠标，生成各种报表就行。

其实如果你想要更好的利用报表，数据仓库是离不开的。如果本身没有后端数据仓库，宣称自己是内存BI，实际用起来对硬件要求极高，对于超千万条的数据分析，必须借助于其他ETL工具处理好数据再进行前端分析。

 

FineReport和数据仓库的关系：

• 数据仓库前端应用展示工具，位于数据应用层，主要解决报表展示问题
• 在规划报表体系的时候，能梳理数据指标、数据字典等
• finereport填报能解决一部分数据补录问题
• finereport能整合数据（数据接口能力，丰富的API接口，能对接各种大数据平台和数据库）

其他就是finereport的面向IT的开发优势，太多了，这里就先略过了，文中提到的都是。

如果你的老板一直给你提到，能不能给他整一个数据驾驶舱，而他现在只能看见财务部、运营部的Excel表格，觉得很low，看见高颜值的可视化驾驶舱也想拥有。

这时候，IT人员就可以通过FineReport做出来，实时展现插件不能满足，需要后台对数据库频繁请求，后台可用java开发，在需要数据的时候触发前台的ajax往后台发命令获取数据。

帆软FineReport 的大屏展现是这个原理，自身直接连数据库，展示可用自带图表也可以集成Echarts、Hightchart插件。

 

关注我，并转发该文章，回复“数据”，不仅能获得该数据报表工具，还能获得超多干货：50+名企数字化转型案例，数据中台方案，BI建设总结等。

                                </div><div><div></div></div>
            <link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-ff98e99283.css" rel="stylesheet">
                            </div>
        </article>

• 点赞
• 评论
• 分享
  x

  海报分享

  

  扫一扫，分享海报

• 收藏
• 手机看

  分享到微信朋友圈

  x

  

  扫一扫，手机阅读

• 
  • 文章举报
• 已关注

Leo的博客

06-09 8125

30岁女IT月薪3W的背后：从数据报表到数仓、中台，这工具帮了大忙

大家可能见过女程序员、女IT工程师，但是我今天要讲的这位，肯定和你们看到的都不一样：一位30岁左右的女IT，为了自己的数据梦想，重构企业数据架构的故事，就以第一人称来说吧。我毕业快6年了，从事的第一份工作是国企的软件的基础开发工作，基本没什么事情，也就是你们所说的铁饭碗，该企业的信息系统，Oracle数据库、ERP等软件都是标配，但是利用率非常低下，3000人的大企业，还靠手动上传数据，竟然还用Excel...数据不准确的问题先放到一边，领导的决策失效也是非常落后的，我会JAVA，会C语言，SQL更...

zhedahe的专栏

09-14 2万+

如果你也23岁（2）

接着上一篇，跟大伙分享一下原来的这篇文章：23 岁那年你正处在哪个状态？现在呢？ 我，23岁，应届毕业生。生活，工作，爱情都处于人生的低谷，一穷二白，一无所有，一事无成。 分享一下成长的建议吧。匿名用户23岁那年...就是去年...... 在22岁的时候我毕业，同时第二年准备考研，结果因为压力太大，期望太高，又失利了，但是我依然满怀信心和憧憬 在我23岁那年四月，当...

        </div>
                    <a id="commentBox" name="commentBox"></a>

添加代码片

• HTML/XML
• objective-c
• Ruby
• PHP
• C
• C++
• JavaScript
• Python
• Java
• CSS
• SQL
• 其它

还能输入1000个字符

<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">
		<div class="btn btn-sm btn-link-blue" id="btnMoreComment"></div>
	</div>
</div>

TensorFlowNews

06-29 2017

干货 | NLP算法岗大厂面试经验与路线图分享

最近有好多小伙伴要面经（还有个要买简历的是什么鬼），然鹅真的没有整理面经呀，真的木有时间(｡ ́︿ ̀｡)。不过话说回来，面经有多大用呢？最起码对于NLP岗位的面试来说，作者发现根本不是面经中说的样子。。。来源|知乎作者其实今年参加NLP算法岗秋招的小伙伴可能有感慨，“照着别人的面经去准备了辣么多，轮到自己面试时内容怎么这么不一样？！”“说好的要做到熟练推导SVM呢？怎么从来没人让我......

数据猿

09-29 96

“清减”的云栖，虚浮的“中台”，以及“依旧寒冷的冬天”

来源：虎嗅APP( huxiu_com)丨文：宇多田数据猿官网 | www.datayuan.cn今日头条丨一点资讯丨腾讯丨搜狐丨网易丨凤凰丨阿里UC大鱼丨新浪微博丨新浪...

腾讯IT男转行数据后感慨:没用过这个工具,别说自己懂报..._CSDN博客

7-3

不懂编程,不会数据架构,同事做的可... lu_wakin:怎么都是这玩意儿广告 腾讯IT男转行数据后感慨:没用过这个工具,别说自己懂报表,这么做领导才满意Leo...

数据可视化大屏经典案例之日报媒体行业_Datahunter123..._CSDN博客

7-10

腾讯IT男转行数据后感慨:没用过这个工具,别说自己懂报表,这么做领导才满意 看到文末,你不会对这份干货失望的。我是一名算法工程师,在那个和老干妈有纠纷的大厂工...

晴天的专栏

08-14 1万+

怎样规划你毕业以后的人生

怎样规划你的毕业后的人生我今年39岁了，25岁研究生毕业，工作14年，回头看看，应该说走了不少的弯路，有一些经验和教训。现在开一个小公司，赚的钱刚够养家糊口的。看看这些刚毕业的学生，对前景也很迷茫，想抛砖引玉，谈谈自己的看法，局限于理工科的学生，我对文科的不懂，身边的朋友也没有这一类型的。91年研究生毕业，那时出路就是1种：留在北京的国营单位，搞一个北京户口，这是最好的选择。到后来的2～3...

从数据平台到报表开发,我靠这个零代码报表工具,转行后月薪3W

8-14

偶尔会跟大数据这行里的朋友聊天,先说一个我听到的故事:有一京东的哥们,在那工作三年了,大数据平台岗。数仓搭好了之后,天天就是写SQL,一个月28k。在京东待...

为什么不要去小公司上班?这是我血与泪的教训!!!_zhangj..._CSDN博客

8-20

腾讯IT男转行数据后感慨:没用过这个工具,别说自己懂报表,这么做领导才满意 2096 十个摸鱼,哦,不对,是炫酷(可以玩一整天)的网站!!! 600 推荐9个能让你看...

想做数据化转型,为什么必须要上企业级BI?_Leo的博客-CS..._CSDN博客

7-9

华为招聘HR的要求火了,原来会数据分析,薪水差距居然这么大 腾讯IT男转行数据后感慨:没用过这个工具,别说自己懂报表,这么做领导才满意 别被忽悠了!阿里内部人士...

                <!-- <div class="recommend-item-box type_hot_word">
                <div class="content clearfix">
                    <div class="float-left">
                                                                            <span>
                            <a href="https://java.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://java.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://java.csdn.net/","index":"#"}'  target="_blank">
                            Java</a>
                        </span>
                                                    <span>
                            <a href="https://c1.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://c1.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://c1.csdn.net/","index":"#"}'  target="_blank">
                            C语言</a>
                        </span>
                                                    <span>
                            <a href="https://python.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://python.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://python.csdn.net/","index":"#"}'  target="_blank">
                            Python</a>
                        </span>
                                                    <span>
                            <a href="https://cplus.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://cplus.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://cplus.csdn.net/","index":"#"}'  target="_blank">
                            C++</a>
                        </span>
                                                    <span>
                            <a href="https://csharp.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://csharp.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://csharp.csdn.net/","index":"#"}'  target="_blank">
                            C#</a>
                        </span>
                                                    <span>
                            <a href="https://vbn.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://vbn.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://vbn.csdn.net/","index":"#"}'  target="_blank">
                            Visual Basic .NET</a>
                        </span>
                                                    <span>
                            <a href="https://js.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://js.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://js.csdn.net/","index":"#"}'  target="_blank">
                            JavaScript</a>
                        </span>
                                                    <span>
                            <a href="https://php.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://php.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://php.csdn.net/","index":"#"}'  target="_blank">
                            PHP</a>
                        </span>
                                                    <span>
                            <a href="https://sql.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://sql.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://sql.csdn.net/","index":"#"}'  target="_blank">
                            SQL</a>
                        </span>
                                                    <span>
                            <a href="https://go.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://go.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://go.csdn.net/","index":"#"}'  target="_blank">
                            Go语言</a>
                        </span>
                                                    <span>
                            <a href="https://r.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://r.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://r.csdn.net/","index":"#"}'  target="_blank">
                            R语言</a>
                        </span>
                                                    <span>
                            <a href="https://assembly.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://assembly.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://assembly.csdn.net/","index":"#"}'  target="_blank">
                            Assembly language</a>
                        </span>
                                                    <span>
                            <a href="https://swift.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://swift.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://swift.csdn.net/","index":"#"}'  target="_blank">
                            Swift</a>
                        </span>
                                                    <span>
                            <a href="https://ruby.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://ruby.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://ruby.csdn.net/","index":"#"}'  target="_blank">
                            Ruby</a>
                        </span>
                                                    <span>
                            <a href="https://matlab.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://matlab.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://matlab.csdn.net/","index":"#"}'  target="_blank">
                            MATLAB</a>
                        </span>
                                                    <span>
                            <a href="https://plsql.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://plsql.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://plsql.csdn.net/","index":"#"}'  target="_blank">
                            PL/SQL</a>
                        </span>
                                                    <span>
                            <a href="https://perl.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://perl.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://perl.csdn.net/","index":"#"}'  target="_blank">
                            Perl</a>
                        </span>
                                                    <span>
                            <a href="https://vb.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://vb.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://vb.csdn.net/","index":"#"}'  target="_blank">
                            Visual Basic</a>
                        </span>
                                                    <span>
                            <a href="https://obj.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://obj.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://obj.csdn.net/","index":"#"}'  target="_blank">
                            Objective-C</a>
                        </span>
                                                    <span>
                            <a href="https://delphi.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://delphi.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://delphi.csdn.net/","index":"#"}'  target="_blank">
                            Delphi/Object Pascal</a>
                        </span>
                                                    <span>
                            <a href="https://www.csdn.net/unity/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://www.csdn.net/unity/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://www.csdn.net/unity/","index":"#"}'  target="_blank">
                            Unity3D</a>
                        </span>
                                                
                                                                            <span>
                            <a href="https://www.csdn.net/gather_1d/NtTaYg2sLWRvd25sb2Fk.html" target="_blank">
                            c#object作参数</a>
                        </span>
                                                    <span>
                            <a href="https://www.csdn.net/gather_19/NtTaYg3sLWRvd25sb2Fk.html" target="_blank">
                            c#实例 ssl</a>
                        </span>
                                                    <span>
                            <a href="https://www.csdn.net/gather_1d/NtTaYg4sLWRvd25sb2Fk.html" target="_blank">
                            c#继承列表</a>
                        </span>
                                                    <span>
                            <a href="https://www.csdn.net/gather_18/NtTaYg5sLWRvd25sb2Fk.html" target="_blank">
                            c# 跳转窗口</a>
                        </span>
                                                    <span>
                            <a href="https://www.csdn.net/gather_1c/NtTacgxsLWRvd25sb2Fk.html" target="_blank">
                            c#生成二维码及其打印</a>
                        </span>
                                                    <span>
                            <a href="https://www.csdn.net/gather_1e/NtTacgysLWRvd25sb2Fk.html" target="_blank">
                            c#怎么编边框</a>
                        </span>
                                                    <span>
                            <a href="https://www.csdn.net/gather_1e/NtTacgzsLWRvd25sb2Fk.html" target="_blank">
                            c# 直接绘制到桌面上</a>
                        </span>
                                                    <span>
                            <a href="https://www.csdn.net/gather_1f/NtTacg0sLWRvd25sb2Fk.html" target="_blank">
                            c# 文件夹更名</a>
                        </span>
                                                    <span>
                            <a href="https://www.csdn.net/gather_1f/NtTacg1sLWRvd25sb2Fk.html" target="_blank">
                            c#开发c/s三层架构</a>
                        </span>
                                                    <span>
                            <a href="https://www.csdn.net/gather_1a/NtTacg2sLWRvd25sb2Fk.html" target="_blank">
                            c# 打印机界面</a>
                        </span>
                                                                        </div>
                </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>
                        <div class="template-box">
                <span>©️2020 CSDN</span>
            <span>皮肤主题: 数字20</span>
            <span> 设计师:
                                        CSDN官方博客                                    </span>
            <span>
                <a href="https://blog.csdn.net/" class="back-home c-blue c-blue-hover c-blue-focus">返回首页</a>
            </span>
            </div>
                    <script src="https://csdnimg.cn/pubfooter/js/publib_footer-1.0.4.js" data-isfootertrack="false" type="text/javascript"></script><div><div class="bottom-pub-footer footer-box pub_fo"><div class="pub-footer-new">    <div id="pub-footerall">        <div class="contact-info">          <a class="right-dotte spec_a" href="//www.csdn.net/company/index.html#about" target="_blank">关于我们</a>          <a href="//www.csdn.net/company/index.html#recruit" target="_blank" class="right-dotte spec_a">招聘</a>          <a href="//www.csdn.net/company/index.html#advertisement" target="_blank" class="right-dotte spec_a">广告服务</a>          <a href="https://www.csdn.net/gather/A" target="_blank" class="footer_baidu right-dotte spec_a">网站地图</a>          <em>          <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M2.167 2h11.666C14.478 2 15 2.576 15 3.286v9.428c0 .71-.522 1.286-1.167 1.286H2.167C1.522 14 1 13.424 1 12.714V3.286C1 2.576 1.522 2 2.167 2zm-.164 3v1L8 10l6-4V5L8 9 2.003 5z" fill="#999AAA" fill-rule="evenodd"></path></svg>          <a href="mailto:webmaster@csdn.net" target="_blank"><span class="txt right-dotte">kefu@csdn.net</span></a><svg t="1538012951761" width="17" height="17" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23083" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M466.4934485 880.02006511C264.6019863 859.18313878 107.13744214 688.54706608 107.13744214 481.14947309 107.13744214 259.68965394 286.68049114 80.14660493 508.14031029 80.14660493s401.00286817 179.54304901 401.00286814 401.00286816v1.67343191C908.30646249 737.58941724 715.26799489 943.85339507 477.28978337 943.85339507c-31.71423369 0-62.61874229-3.67075386-92.38963569-10.60739903 30.09478346-11.01226158 56.84270313-29.63593923 81.5933008-53.22593095z m-205.13036267-398.87059202a246.77722444 246.77722444 0 0 0 493.5544489 0 30.85052691 30.85052691 0 0 0-61.70105383 0 185.07617062 185.07617062 0 0 1-370.15234125 0 30.85052691 30.85052691 0 0 0-61.70105382 0z" p-id="23084" fill="#999AAA"></path></svg>          <a href="http://bbs.csdn.net/forums/Service" target="_blank"><span class="right-dotte">客服论坛</span></a><svg t="1538013874294" width="17" height="17" style="" viewBox="0 0 1194 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23784" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M1031.29689505 943.85339507h-863.70679012A71.98456279 71.98456279 0 0 1 95.60554212 871.86883228v-150.85178906c0-28.58329658 16.92325492-54.46750945 43.13135785-65.93861527l227.99160176-99.75813425c10.55341735-4.61543317 18.24580594-14.0082445 20.72896295-25.23643277l23.21211998-105.53417343a71.95757195 71.95757195 0 0 1 70.28414006-56.51881307h236.95255971c33.79252817 0 63.02360485 23.5090192 70.28414004 56.51881307l23.21211997 105.53417343c2.48315701 11.25517912 10.17554562 20.62099961 20.72896296 25.23643277l227.99160177 99.75813425a71.98456279 71.98456279 0 0 1 43.13135783 65.93861527v150.85178906A71.98456279 71.98456279 0 0 1 1031.26990421 943.85339507z m-431.85339506-143.94213475c143.94213474 0 143.94213474-48.34058941 143.94213474-107.96334876s-64.45411922-107.96334877-143.94213474-107.96334877c-79.51500637 0-143.94213474 48.34058941-143.94213475 107.96334877s0 107.96334877 143.94213475 107.96334876zM1103.254467 296.07330247v148.9894213a35.97878598 35.97878598 0 0 1-44.15700966 35.03410667l-143.94213473-33.57660146a36.0057768 36.0057768 0 0 1-27.80056231-35.03410668V296.1002933c-35.97878598-47.98970852-131.95820302-71.98456279-287.91126031-71.98456279S347.53801649 248.11058478 311.53223967 296.1002933v115.385829c0 16.73431906-11.52508749 31.25538946-27.80056233 35.03410668l-143.94213473 33.57660146A35.97878598 35.97878598 0 0 1 95.63253297 445.06272377V296.07330247C162.81272673 152.13116772 330.77670658 80.14660493 599.47049084 80.14660493s436.63077325 71.98456279 503.81096699 215.92669754z" p-id="23785" fill="#999AAA"></path></svg>          <span class="txt right-dotte">400-660-0108</span>          <svg t="1538013544186" width="17" height="17" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23556" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M902.60033922 650.96445566c-18.0718526-100.84369837-94.08399771-166.87723736-94.08399771-166.87723737 10.87530062-91.53186599-28.94715402-107.78733693-28.94715401-107.78733691C771.20003413 93.08221664 517.34798062 98.02553561 511.98620441 98.16348824 506.65661791 98.02553561 252.75857992 93.08221664 244.43541101 376.29988138c0 0-39.79946279 16.25547094-28.947154 107.78733691 0 0-75.98915247 66.03353901-94.0839977 166.87723737 0 0-9.63372291 170.35365477 86.84146124 20.85850523 0 0 21.70461757 56.79068296 61.50407954 107.78733692 0 0-71.1607951 23.19910867-65.11385185 83.46161052 0 0-2.43717093 67.16015592 151.93232126 62.56172014 0 0 108.5460788-8.0932473 141.10300432-52.14626271H526.33792324c32.57991817 44.05301539 141.10300431 52.1462627 141.10300431 52.14626271 154.3235077 4.59843579 151.95071457-62.56172013 151.95071457-62.56172014 6.00095876-60.26250183-65.11385185-83.46161053-65.11385185-83.46161052 39.77647014-50.99665395 61.4810877-107.78733693 61.4810877-107.78733692 96.45219231 149.49514952 86.84146124-20.85850523 86.84146125-20.85850523" p-id="23557" fill="#999AAA"></path></svg><a href="https://url.cn/5epoHIm?_type=wpa&amp;qidian=true" class="qqcustomer_s" target="_blank"><span class="txt">QQ客服（8:30-22:00）</span></a>          </em>        </div>        <div class="allow-info">          <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502030143" rel="noreferrer" target="_blank">公安备案号 11010502030143</a>          <a href="http://beian.miit.gov.cn/publish/query/indexFirst.action" rel="noreferrer" target="_blank">京ICP备19004658号</a>          <a href="https://csdnimg.cn/release/live_fe/culture_license.png" rel="noreferrer" target="_blank">京网文〔2020〕1039-165号</a>          <a href="https://www.csdn.net/company/index.html#statement" target="_blank">版权与免责声明</a>          <a href="https://blog.csdn.net/blogdevteam/article/details/90369522" target="_blank">版权申诉</a>          <a href="http://www.cyberpolice.cn/" target="_blank">网络110报警服务</a>        </div>        <div class="allow-info">          <a href="http://www.12377.cn/" target="_blank">中国互联网举报中心</a>          <a href="https://download.csdn.net/index.php/tutelage/" target="_blank">家长监护</a>          <a href="https://blog.csdn.net/blogdevteam/article/details/90369522" target="_blank">版权申诉</a>          <a href="http://www.bjjubao.org/" target="_blank">北京互联网违法和不良信息举报中心</a>          <a>©1999-2020 北京创新乐知网络技术有限公司</a>        </div>        <div class="bg-gray" style="display:none;">            <div class="feed_copyright">            <p class="fz12_baidu"><img style="display:none;vertical-align: middle;height:20px;margin-right:5px" src="https://csdnimg.cn/pubfooter/images/gongan.png"><a style="margin-right:16px;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502030143" rel="noreferrer" target="_blank" class="ml14">公安备案号 11010502030143</a> <a href="http://beian.miit.gov.cn/publish/query/indexFirst.action" rel="noreferrer" target="_blank" class="ml14" style="margin-right:16px;">京ICP备19004658号</a><a href="https://csdnimg.cn/release/live_fe/culture_license.png" rel="noreferrer" target="_blank" class="ml14" style="margin-right:16px;">京网文〔2020〕1039-165号</a><a style="margin-right:16px;" href="https://csdnimg.cn/cdn/content-toolbar/csdn-ICP.png" target="_blank">   经营性网站备案信息</a><span class="fz12_baidu">©1999-2020 北京创新乐知网络技术有限公司 </span></p>            </div>        </div>        <div class="allow-info-box" style="display:none;">        <a href="https://www.csdn.net/company/index.html#statement" target="_blank"><span>版权与免责声明</span></a>        <a href="https://blog.csdn.net/blogdevteam/article/details/90369522" target="_blank"><span>版权申诉</span></a>        <a href="https://download.csdn.net/index.php/tutelage/" target="_blank"><span>家长监护</span></a>        <a href="http://www.cyberpolice.cn/" target="_blank"><span>网络110报警服务</span></a>        <a href="http://www.12377.cn/" target="_blank"><span>中国互联网举报中心</span></a>        <a href="http://www.bjjubao.org/" target="_blank"><span>北京互联网违法和不良信息举报中心</span></a>        </div>    </div></div></div></div>
    </main>@[TOC](这里写自定义目录标题)

欢迎使用Markdown编辑器

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

新的改变

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

1. 全新的界面设计 ，将会带来全新的写作体验；
2. 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
3. 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
4. 全新的 KaTeX数学公式 语法；
5. 增加了支持甘特图的mermaid语法¹ 功能；
6. 增加了 多屏幕编辑 Markdown文章功能；
7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
8. 增加了 检查列表 功能。

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G
查找：Ctrl/Command + F
替换：Ctrl/Command + G

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024.

插入链接与图片

链接: link.

图片:

带尺寸的图片:

居中的图片:

居中并且带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

• 项目
  • 项目
    • 项目

1. 项目1
2. 项目2
3. 项目3

• 计划任务
• 完成任务

创建一个表格

一个简单的表格是这么创建的：

项目	Value
电脑	$1600
手机	$12
导管	$1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPE	ASCII	HTML
Single backticks	'Isn't this fun?'	‘Isn’t this fun?’
Quotes	"Isn't this fun?"	“Isn’t this fun?”
Dashes	-- is en-dash, --- is em-dash	– is en-dash, — is em-dash

创建一个自定义列表

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

如何创建一个注脚

一个具有注脚的文本。²

注释也是必不可少的

Markdown将文本转换为 HTML。

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 $\Gamma (n)=(n-1)!\forall n\in \mathbb{N}$ 是通过欧拉积分

$$\Gamma (z)={\int }_0^{\infty }{t}^{z-1}{e}^{-t}dt.$$

你可以找到更多关于的信息 LaTeX 数学表达式here.

新的甘特图功能，丰富你的文章

• 关于 甘特图 语法，参考 这儿,

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：

这将产生一个流程图。:

• 关于 Mermaid 语法，参考 这儿,

FLowchart流程图

我们依旧会支持flowchart的流程图：

• 关于 Flowchart流程图 语法，参考 这儿.

导出与导入

导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。

导入

如果你想加载一篇你写过的.md文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。

---

1. mermaid语法说明 ↩︎

2. 注脚的解释 ↩︎