欢用CSDN-markdown编辑器

分类：Markdown作者：编程之家用户

这加粗样式里写自定义目录标题

使用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.

图片:

Alt

带尺寸的图片:

Alt

居中的图片:

Alt

居中并且带尺寸的图片:

Alt

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

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

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

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

生成一个适合你的列表

  • 项目
    • 项目
      • 项目
  1. 项目1
  2. 项目2
  3. 项目3
  • 计划任务
  • 完成任务

创建一个表格

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

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

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

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

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

SmartyPants

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

TYPEASCIIHTML
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 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞​tz−1e−tdt.

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

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

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

UML 图表

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

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

这将产生一个流程图。:

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

FLowchart流程图

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

Created with Raphaël 2.3.0 开始 我的操作 确认？ 结束 yes no
  • 关于 Flowchart流程图 语法，参考 这儿.

导出与导入

导出

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

导入

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

  1. mermaid语法说明 ↩︎

  2. 注脚的解释 ↩︎

原文地址：https://blog.csdn.net/qq_26578763/article/details/119117143

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

CSDN-Markdown编辑器之UML序列图
文章浏览阅读1.7w次，点赞8次，收藏13次。这里以“TCP协议中的三次握手”来讲一下Markdown编辑器中UML序列图的应用。连接建立的过程： ```sequenceTitle:连接建立的过程客户主机->服务器主机: 连接请求（SYN=1,seq=client_isn） 服务器主机->客户主机: 授予连接（SYN=1,seq=client_isn）n ack=client_isn+1客户主机->服务器主机: 确认（SYN=0,se_markdown 语法sequence
CSDN-markdown编辑器插入网上或本地电脑上的图片
文章浏览阅读1.6w次。写博客经常会用到图片，CSDN-markdown编辑器支持插入在线的网上图片，也可以上传本地电脑上的图片。   通过点击工具栏的图片工具或者按下快捷键“Ctrl+G(MAC系统使用Cmd+G)”打开插入图片对话框： 插入在线图片：  在插入图片对话框的“在线图片”标签模式下，输入或粘贴图片地址，点击确定就可以了；如果要添加图片提示，在图片地址后输入一个空格再输入“图片提示”： Chro_markdown引用在线图片
无需上网，离线也能用Markdown写博客
文章浏览阅读6.5k次，点赞6次，收藏5次。无需上网，离线也能用Markdown写博客  这里就讲一下如何使用一款名为“MarkdownPad”的Markdown编辑器离线写博客。有关下载安装的细节请参考Markdown编辑器“MarkdownPad”下载安装（图）  使用“MarkdownPad”可以通过键盘快捷键和工具栏按钮来使用或者移除 Markdown 格式。MarkdownPad左右栏的分割方式令用户可以实时看到 HTML 格式的_在clion中 离线下载markdown做笔记
Markdown编辑器“MarkdownPad”下载安装（图）
文章浏览阅读7.3k次，点赞8次，收藏5次。MarkdownPad是Windows下的一个全功能Markdown编辑器。应该是使用.NET写的，依赖Microsoft .NET 4 Client Profile。下载MarkdownPad下载地址：http://markdownpad.com/ 打开网页后，点击“Download MarkdownPad”按钮开始下载： 如果看到以下页面还是没有开始下载，请点击“restart the_markdown需要下载吗
CSDN-markdown编辑器语法——背景色
文章浏览阅读2.9w次，点赞39次，收藏103次。Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改背景色功能的！  从HTML Editor 转到CSDN-markdown编辑器的很多朋友可能有些不适应，明明很简单的背景色功能，这里却找不到了。  CSDN-markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格、脚注、内嵌HTML等等_markdomark中怎么修改代码块底色
CSDN-markdown编辑器之从本机导入Markdown文件（一）
文章浏览阅读7.4k次，点赞2次，收藏4次。CSDN-markdown编辑器支持从本机导入Markdown文件的功能，如果你有从其它网站上下载的博客文章或说明文档，或是用软件编写的博客文章或说明文档，想发布到CSDN博客中，就可以使用本功能很方便的完成操作。这里讲一下类似上传文件的实现方式的操作步骤：1、点击工具栏的从本机导入按钮：2、弹出从本机导入对话框：3、点击选择文件，打开文件选择对话框：4、选中需要导入的MD文件，点击打开按钮就导入完_markdown格式的脑图代码怎么导入
CSDN-markdown编辑器之从线上导入Markdown文件
文章浏览阅读7.2k次，点赞3次，收藏2次。CSDN-markdown编辑器支持从线上导入Markdown文件的功能，如果你用其它支持Markdown的编辑器在网上写了博客文章或说明档，想发布到CSDN博客中，就可以使用本功能很方便的完成操作。这里以从线上导入GitHub上的一个MD文件为例，说明操作步骤：1、找到GitHub上的一个MD文件：2、点击文件链接进入显示页面：3、点击“Raw”按钮进入MD原始文件页面：4、复制地址栏中的URL地_diagram designer怎么导入markdown
CSDN-markdown编辑器锚点链接添加方法
文章浏览阅读1.5w次，点赞5次，收藏8次。CSDN-markdown编辑器锚点链接添加方法 注：经过测试，CSDN-markdown编辑器通过ID属性来支持这一功能！使用Name属性添加锚点是不受支持的，原因是在显示的时候，锚点名称被过虑掉了，如下图： 如果没有过虑的话，使用Name属性这一功能是可以实现的！ 而经过博主“eson_15”测试使用ID属性是可行的。在ul标签的li元素上添加锚点链接，li元素上添加锚点链接后在mar
走近CSDN博客Markdown编辑器
文章浏览阅读3.9k次，点赞7次，收藏7次。Markdown是什么为什么使用MarkdownMarkdown的优点全新的体验如何切换到MarkDown编辑器通过发表文章页面切换到MarkDown编辑器通过博客配置将Markdown设置为默认编辑器初识Markdown编辑器布局总体布局通过博客管理菜单可以切换到HTML编辑器点击工具栏的帮助按钮可以打开帮助面板发表博客设置摘要和标签文章设置发布Markdown是什么？_csdn博客的markdown编辑器
CSDN-markdown编辑器之从本机导入Markdown文件（二）
文章浏览阅读3.6k次，点赞2次，收藏2次。CSDN-markdown编辑器支持从本机导入Markdown文件的功能，如果你有从其它网站上下载的博客文章或说明文档，或是用软件编写的博客文章或说明文档，想发布到CSDN博客中，就可以使用本功能很方便的完成操作。这里讲一下拖拽文件到markdown编辑器上的实现方式操作步骤：1、点击工具栏的从本机导入按钮：2、弹出从本机导入对话框：3、打开本地文件夹，将.md文档拖到虚线框里；其实使用Chrome_rmarkdown怎么导入数据框
CSDN-markdown编辑器使用LaTex数学公式
文章浏览阅读1.4w次，点赞10次，收藏48次。LaTex是什么？LaTeX（LATEX，音译“拉泰赫”）是一种基于ΤΕΧ的排版系统，由美国计算机学家莱斯利·兰伯特（Leslie Lamport）在20世纪80年代初期开发，利用这种格式，即使使用者没有排版和程序设计的知识也可以充分发挥由TeX所提供的强大功能，能在几天，甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式，这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技_markdown and latex: 伪2
Markdown编辑器语法指南
文章浏览阅读1.1w次，点赞6次，收藏13次。E文好的同学请查看英文原文： Markdown syntax guide标题# 这是一级标题，相当于HTML中的H1标签## This is an H2###### This is an H6呈现效果：这是一级标题，相当于HTML中的H1标签This is an H2This is an H6段落每个段落从一个新行开始，段落前最好有一个空行。只需按下回车键开始一个新行。例如，像下_markdown 代码块 自动换行
CSDN-markdown编辑器简洁的语法与呈现效果对照2
文章浏览阅读3.4k次，点赞2次，收藏3次。代码块用TAB键起始的段落，会被认为是代码块，如下： echo “hello world"; 呈现效果： echo “hello world";如果在一个行内需要引用代码，只要用反引号`引起来就好，如下：Use the `printf()` function.呈现效果： Use the printf() fun_markdown编辑器 左右对照
如何将图片内嵌到 Markdown 文档中，Markdown 如何使用 Data URL
文章浏览阅读2.1w次，点赞2次，收藏6次。我在云栖社区的聚能聊中发布了一个话题：“”。其中有回复提到：markdown轻巧归轻巧，但也有硬伤，比如插入的图片如何保存的问题。几乎所有的markdown工具都会把图片单独保存在一个地方，这就是说你把自己的.md文件拷贝给别人的时候，还得把图片一并拷给他，而且路径要一模一样！这是妈蛋工具最大的吐槽点，图片就是处理的不好，就是这一点比不上office。其实 markdown 是可以使用 Data_图片摆在markdown里不失真可移动
CSDN-markdown编辑器简洁的语法与呈现效果对照
文章浏览阅读4k次，点赞2次，收藏4次。标题在文字写书写不同数量的#可以完成不同的标题，如下：# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题呈现效果：一级标题二级标题三级标题四级标题五级标题六级标题等号及减号也可以进行标题的书写，不过只能书写二级标题，并且需要写在文字的下面，减号及等号的数量不会影响标题的基数，如下：二级标题=========二级标题---------呈_csdn--md语法 - csdn博客
欢迎使用CSDN-markdown编辑器
文章浏览阅读2.5w次，点赞18次，收藏62次。欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl B 斜体 Ctrl I 引用 Ctrl_csdn的 markdown编辑器
markdown编辑器中可以使用的6种空格标记
文章浏览阅读2w次，点赞16次，收藏23次。HTML提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格（ ）是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（      ‌‍）在不同浏览器中宽度各异。 它叫不换行空格，全称No-Break Space，它是最常见和我们使用最多的空格，大多数的人可能只接触了 ，它是按下sp_markdown空格符
markdown快速入门vscode)
markdown语法1、vscode预览md文件打开侧边预览按完Control+K，再按V，要在英文状态下输入打开预览Control+Shift+V2、代码块使用三个反引号"`"esc键下面的符号框起来,还得在加上编程语言，不加的话就没有高亮显示具体效果如下：intmain(){return0;}3、标题#后面加
2021-07-26
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注
欢用CSDN-markdown编辑器
这加粗样式里写自定义目录标题使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot