@TOC## 标题

欢迎使用Markdown编辑器

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

新的改变

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

  1. 全新的界面设计 ,将会带来全新的写作体验;
  2. 在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;
  3. 增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;
  4. 全新的 KaTeX数学公式 语法;
  5. 增加了支持甘特图的mermaid语法1 功能;
  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语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H2O is是液体。

210 运算结果是 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

如何创建一个注脚

一个具有注脚的文本。2

注释也是必不可少的

Markdown将文本转换为 HTML

KaTeX数学公式

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

Gamma公式展示 Γ(n)=(n−1)!∀n∈N\Gamma(n) = (n-1)!\quad\forall n\in\mathbb NΓ(n)=(n−1)!∀n∈N 是通过欧拉积分

Γ(z)=∫0∞tz−1e−tdt.\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞​tz−1e−tdt.

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

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

Mon 06Mon 13Mon 20已完成 进行中 计划一 计划二 现有任务Adding GANTT diagram functionality to mermaid
  • 关于 甘特图 语法,参考 这儿,

UML 图表

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

张三李四王五你好!李四, 最近怎么样?你最近怎么样,王五?我很好,谢谢!我很好,谢谢!李四想了很长时间,文字太长了不适合放在一行.打量着王五...很好... 王五, 你怎么样?张三李四王五

这将产生一个流程图。:

链接
长方形
圆角长方形
菱形
  • 关于 Mermaid 语法,参考 这儿,

FLowchart流程图

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

Created with Raphaël 2.2.0开始我的操作确认?结束yesno
  • 关于 Flowchart流程图 语法,参考 这儿.

导出与导入

导出

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

导入

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


  1. mermaid语法说明 ↩︎

  2. 注脚的解释 ↩︎

第一次接触,两眼一抹黑。我只是想下载个小小小的文件而已啊,脑壳疼。。相关推荐

  1. python是不是很简单_Python老师说Python是编程里最简单的还是两眼一抹黑咋办?

    现在入门都学Python了吗?我当年是C语言.其实,说Python简单,只是因为他是脚本语言,不过基本语言有的东西,他都有,不过相比C++和Java来说,是会简单点. 我的经历 大一入门,领书,拿到了 ...

  2. 运动会(第一次接触概率DP的我黯然神伤)

    运动会 题目描述:有n个项目,m个人,lzj每个项目的排名分别是a[1]-a[i],假设其他m-1 个人在每个子项目的比赛中获得各名次的概率相同,求他自己最后排名的期望值 样例 input 4 10 ...

  3. Project Pacific的第一次接触(转)

    这是己亥年的最后一篇公众号更新,想谈谈自己与VMware Pacific产品的第一次接触,提供一些配置的参考,感兴趣的朋友们可以一起对照着在自己的环境中进行模拟. 首先我们来看几张演示用例: 这可能是 ...

  4. 第一次接触APK【破解纪实】

    前言 昨天刚把公司任务弄得差不多.同事想学粤语,下了一款XX粤语手机APP,让我帮他弄下.之前也没接触过APK,这次就当学习好了. 先下个JDK装好  再把Android SDK NDK统统装好,配置 ...

  5. 第一次接触炒外汇如何快速上手?

    假如你是第一次听说炒外汇,从来没有接触过,你觉得应该如何学习呢?当然,找个老师教学最快的,但师傅领进门修行靠个人,你还得花时间学习和领悟.如果没有人带,自己摸索,大多小伙伴都没少浪费时间和给市场交学费 ...

  6. 分享第一次接触Atmel AVR微控制器开发板

    本人从事电子行业已有好几个年头,之前做过手机的开发.做过物联网芯片的技术支持,不能说对电子行业精通,也算马马虎虎有些见识了解,电子产业,目前硬件性能过胜是众所周知的事,好比在大家都比较熟知的单片机领域 ...

  7. 如果你是第一次接触Python当中的面向对象,请点击进来。

    2018年7月29日15:49:49 今天有时间写一篇关于Python面向对象入门的文章,其实面向对象是不属于某一门编程语言的,而是一种编程思想,如果你是第一次接触面向对象,你需要弄懂下面几个问题: ...

  8. vue中常碰见的坑_Vue 与 Vuex 的第一次接触遇到的坑

    在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用  props 或者 $emit 等方式 但是如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就不太方便 ...

  9. 第一次接触终极事务处理——Hekaton

    在这篇文章里,我想给出如何与终极事务处理(Extreme Transaction Processing (XTP) )的第一次接触,即大家熟知的Hakaton.如果你想对XTP有个很好的概况认识,我推 ...

最新文章

  1. java命令查看jvm内存
  2. Eclipse europa 更新时 Error retrieving feature.xml. [error in opening zip file]
  3. Redis进阶-Redis集群 【高可用切换】【cluster-require-full-coverage】集群是否完整才能对外提供服务
  4. 页面初始加载的是默认刷新一次(f5)
  5. 计算机网络按拓扑结构可分为三种基本型,2012年计算机三级网络技术基本概念与名词解释(3)...
  6. 面试官Diss我能力不如工作3年
  7. linux 压缩和解压缩命令
  8. 为什么优酷站点限制不了_什么是站点可靠性工程师,为什么要考虑这个职业道路
  9. uboot加载linux内核加载那些内容,几个地址参数及uboot加载启动内核过程的理解
  10. 原生JS大揭秘—原型链
  11. centos7配置php-fpm,centos7 配置php-fpm
  12. 【腾讯TMQ】TBS主线众测实践之路
  13. c语言计算级数,C语言之数值计算--级数算法
  14. 2010提升你幽默感的经典短句!
  15. Bacnet协议/Bacnet4j读写
  16. ANSYS workbench的模态分析基本原理和步骤
  17. 4T移动硬盘 分区_Windows如何对硬盘进行分区?
  18. java中正则表达式以及Pattern和Matcher
  19. 5、迪米特法则(Law of Demeter)
  20. 【kafka】连接kafka报错 partitions have leader brokers without a matching listener

热门文章

  1. dbms_aw.eval_number
  2. QTableView中添加icon
  3. css3 动画还原,CSS3animation动画-案例人物走路动画:(三)
  4. 总结2019大前端开发十大战略性技术布局
  5. Keras LSTM输入的input的特征和时间纬度
  6. js模拟手机验证码倒计时
  7. 如何使用百度天气预报API接口
  8. Stimulsoft 报表工具单元格内换行
  9. 10张图了解UWB技术的工作原理
  10. TwinCAT3库文件制作