Markdown编辑器使用教程_被迫流浪者的博客

article/2025/10/7 17:04:54

Markdown编辑器使用教程

  • 欢迎使用Markdown编辑器
    • 合理的创建标题,有助于目录的生成
    • 功能快捷键
    • 如何改变文本的样式
    • 分割线
    • 插入链接与图片
    • 如何插入一段漂亮的代码片
    • 创建一个表格
      • 设定内容居中、居左、居右
      • SmartyPants
    • 列表
      • 有序列表
      • 无序列表
    • 如何创建一个注脚
    • 注释也是必不可少的
    • KaTeX数学公式
    • 新的甘特图功能,丰富你的文章
    • UML 图表
    • FLowchart流程图
    • 导出与导入
      • 导出
      • 导入

欢迎使用Markdown编辑器

你好! 这是一篇关于 Markdown编辑器 用法的文章。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。

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

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

功能快捷键

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

如何改变文本的样式

*包裹强调文本,或者_包裹强调文本
强调效果:强调文本
**包裹加粗文本,或者 __包裹加粗文本
加粗效果:加粗文本
==包裹标记文本
标记效果:标记文本
~~包裹删除文本
删除效果:删除文本
>引用文本
引用效果如下:

引用文本

~包裹数字,使数字缩小靠下
效果:H2O is是液体。
^包裹数字,使数字缩小靠上
效果:210 运算结果是 1024.

分割线

___或***
效果如下:


插入链接与图片

链接:[link](https://www.csdn.net/)
效果: link.

图片:
![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)
Alt

带尺寸的图片:
注意:=号前面有个空格
![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)
Alt

居中的图片:
![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)
Alt

居中并且带尺寸的图片:
![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)
Alt

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

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

下面展示高亮 代码片.
```开始以及结束,开始符号后面紧接语言
javascript代码效果如下:

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

创建一个表格

一个简单的表格是这么创建的:
项目 | Value
-------- | -----
电脑 | $1600
手机 | $12
导管 | $1

效果如下:

项目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

列表

有序列表

序号+.+空格+内容,然后回车
1. A
2. B
效果如下:

  1. A
  2. B

无序列表

-空格+内容,然后回车
- A
- B
效果如下:

  • A
  • B

如何创建一个注脚

一个具有注脚的文本。1

注释也是必不可少的

Markdown将文本转换为 HTML

KaTeX数学公式

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

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

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

你可以找到更多关于的信息 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. 注脚的解释 ↩︎


http://chatgpt.dhexx.cn/article/DHw8HCaq.shtml

相关文章

chm文档的编辑办法

做开发的时候经常依赖各种api文档,而这些api多数是chm格式的。CHM是英语“Compiled Help Manual”的简写,即“已编译的帮助文件”。CHM是微软新一代的帮助文件格式,利用HTML作源文,把帮助内容以类似数据库的形式编译储存。早期微软…

CSDN创作中心Markdown编辑器基本使用方法

首先,这篇文章原出处是CSDN中创作中心自带的教程,但因为只能在创作中心看,并不方便日常的使用参考,故在原教程基础上加上部分自己的使用心得,可以更直观的显示各语法的效果,记录各类语法的使用。   当然&…

主编编辑器如何添加超链接?

在微信编辑器编辑文章时,我们经常会有需要添加超链接的情况。如何添加超链接?今天给大家介绍下主编编辑器(www.zhubian.com)如何添加超链接。首先我们要链接各种类型公众号可以增加什么样的超链接。 1.订阅号(每天可以发文章,一次最多发8篇)&#xff1…

CHM Editor V1.3.3.7(chm编辑、修改chm文件、chm编辑器)

近期开始整理自己的学习资料,准备选择用chm方式来收录自己的心得。 在准备的过程中发现了这款不错的软件,特此分享: http://www.xiazaiba.com/html/1507.html 如有整理资料或者正在使用这款软件的朋友可以相互交流一下。 转载于:https://www.…

强大的CHM电子书或CHM帮助文件的快速制作工具Easy CHM

Easy CHM是国华软件推出的一款强大的CHM电子书或CHM帮助文件的快速制作工具。 使用EasyCHM只需要三个步骤就可以完成CHM的制作: 1、用户指定一个目录,EasyCHM会自动导入全部目录及文件; 2、设置CHM编译选项; 3、开始制作。 EasyCH…

CHM相关工具

中文名称:CHM电子书制作软件英文名称:CHM-Software版本:工具集锦简介:CHM文件简介CHM 文件是微软 1998 年推出的基于 html 文件特性的帮助文件系统,以替代早先的 WinHelp 帮助系统,在 windows98 中把 CHM 类…

一、系统功能设计

仿QQ系统功能结构 共分为5个部分,分别是软件登陆、Q友主界面、聊天窗口、个人信息设置、添加好友

教务信息管理系统的设计与实现

目 录 第一章 绪论 1 1.1 选题背景及意义 1 1.2国内外研究现状 1 1.2.1国际教育信息化现状 1 1.2.2国内教育信息化现状 2 1.3研究主要内容 2 第二章 开发环境和相关技术简介 4 2.1 开发环境 4 2.2 相关技术 4 2.2.1 MVC简介 4 2.2.2 Struts2简介 6 2.2.3 JSP简介 7 2.2.4 CSS简…

图书管理系统的设计与实现

简介 随着网络时代的到来,电子信息化的飞速发展,图书馆作为一种信息资源的聚集地,图书种类的繁多,用户借阅的繁琐,包含很多的信息数据的管理,以及信息数据的交互。那么如果有一套具体的完善的图书管理系统就…

如何设计一个系统?

什么叫做系统 如何理解系统系统与软件的关系 回顾软件开发的过程 系统设计案例案例 - Tomcat 设计目的特性要求总体架构从设计角度查看上述结构 功能性需求的设计扩展性高效性 线程与任务解耦 现在软件变得越来越复杂,于是我们用“系统”这个词来形容现代的软件。…

软件系统设计-16-架构文档

1. 文件架构 Document Architecture 1.1. 为什么要记录软件架构? Why to document software architecture? 这是记录软件架构的几个很好的理由,例如:There are several good reasons for documenting software architecture such as: 交流…

课程设计【操作系统】:【文件管理系统设计】(包含完整代码)

文章目录 课程设计题目1. 设计内容1.1 基本命令设计1.2 基本数据结构设计 1.3 基本命令的程序流程图 1) 用户注册:register2) 用户登录:login3) 创建文件:create(文件名)4) 创建文件夹:mkdir(文…

微服务系统设计(04)——接口文档管理设计

摘要 整个系统是多个应用一起构建,由于服务不会单独存在,服务开发团队必然与其他服务团队进行服务调用,暴露出对外接口势在必行。早期做开发的时候,大家习惯于以 word 或 excel 的形式,但弊端显而易见,一旦…

系统设计与实现

6.搭建大规模可扩展系统(一)_哔哩哔哩_bilibili 短网址系统设计_哔哩哔哩_bilibili 一.短url设计 后端面试之系统设计-短网址(Short URL)服务怎么设计?_码农在新加坡的博客-CSDN博客_短网址服务 系统设计(五) Desi…

文件系统的设计与实现(操作系统课程设计)

转发请注明:http://blog.csdn.net/tianqingdezhuanlan/article/details/51344739 源码下载地址:http://download.csdn.net/download/u013255737/9513460 一、设计目的、意义 1.通过模拟文件系统的实现,深入理解操作系统中文件系统的理论知识,…

消息通知系统设计文档

一、功能概述 1.不同的系统的消息,管理后台,小程序(B/C),微信公众号,短信,邮件等 2.不同业务的消息,充值,提现到账,系统更新,公告等 3.消息的明细&#xff0c…

图书管理系统设计文档汇总

1.编写目的: 现阶段大学生对于课外的书籍阅读越来越看重,有更多的意愿去了解本专业之外的内容以及拓展本专业外的技能。建立一个图书管理借阅数据库方便大家的学习。 2.数据库命名规则: 利用“_”作为连接符,将名词连接在一起&…

学生信息管理系统详细设计文档

第一章引言 1.1编写目的 本文档给出了“学生信息管理系统”的详细设计。针对高校学生群体数量较大,为方便高校学生信息管理,我们设计了一个较为高效的学生信息管理系统。编写该文档目的:便于用户,开发人员之间进行理解和交流&am…

[计算机通信网络]以太网的帧格式详解

目录 一、前言 二、以太网的帧格式 Preamble(前导码): SFD(帧开始定界符): Destination Address,Source Address: Type/Len(类型/长度): Da…

单片机与计算机之间通讯 程序,如何实现计算机与单片机之间的通信

描述 本文是关于计算机与单片机的通信实验的应用。主要包括实验原理阐述、硬件电路图、源程序等 目录: 1、单片机串口通信的应用 2、PC控制单片机IO口输出 3、单片机控制实训指导及综合应用实例 4、单片机给计算机发送数据: [实验任务&#x…