Markdown编辑器使用方法技巧

原创
小哥 3年前 (2022-10-28) 阅读数 112 #技术教程

在此处编写自定义目录标题。

Markdown该编辑器使用方法技术。

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

新的改变

我们对Markdown除了标准之外,该编辑器还进行了一些功能扩展和语法支持Markdown编辑函数,我们新增了以下函数来帮助你用它写博客:

  1. 新界面设计 ,将带来全新的写作体验;
  2. 在创建中心设置您最喜欢的代码突出显示样式,Markdown 向代码片段显示所选的突出显示样式。 显示;
  3. 增加了 图片拖拽 功能,可以将本地图片直接拖到编辑区直接显示;
  4. 全新的 KaTeX数学公式 语法;
  5. 更多支持 甘特图的mermaid语法 1 功能;
  6. 增加了 多屏幕编辑 Markdown文章功能;
  7. 增加了 聚焦书写模式、预览模式、简明书写模式、左右区域同步滚轮设置 等功能,功能按钮位于编辑区和预览区的中间;
  8. 增加了 检查列表 功能。

功能快捷键{#shortcut}

撤销: 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

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

直接输入1次 # ,并按下 space 在那之在那之后,将生成1级标题。
输入2次 # ,并按下 space 在那之在那之后,将生成2级标题。
以此类推,我们支持6标高标题。方便使用 TOC 语法生成了一个完美的目录。

如何更改文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H 2 O is是液体。

2 10 操作的结果是 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

Isnt this fun?

‘Isn’t this fun?’

Quotes

"Isnt 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 ∞ ​ t z − 1 e − t d t .

您可以找到更多关于 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.2.0 开始 我的操作 确认? 结束 yes no

  • 关于 Flowchart流程图 文法、参考文献 这儿 .

导出和导入

导出

如果您想试一下这个编辑器, 你可以随意编辑这篇文章。当你写完一篇文章时, 在顶部工具栏中找到 文章导出 ,生成一个.md文件或者.html该文件保存在本地。

导入

如果你想加载你写的一篇文章.md文件或者.html文件,在顶部工具栏中,可以选择导入功能来导入带有相应扩展名的文件。
继续您的创作。

插入锚

语法:

快捷方式{#shortcut}

使用:
跳转到快捷方式
效果:
跳转到 快捷方式

自定义参考

使用自定义参考


  1. mermaid语法说明 ↩︎

  2. 脚注释义 ↩︎

版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除

热门