csdn的markdown编辑器基本语法(整理版)

article/2025/10/7 14:55:41

文章目录

  • 0 文章目录名
  • 1 标题
  • 2 字体设置
  • 3 文本设置
  • 4 按键展示
  • 5 功能快捷键
  • 6 生成适合的列表
  • 7 插入链接与图片
  • 8 插入代码段
  • 9 创建表格
    • 9.1 创建简单表格
    • 9.2 html表格
  • 10 UML 图表
    • 10.1 序列图:
    • 10.2 普通流程图:
    • 10.3 FLowchart流程图
    • 10.4 甘特图
  • 11 KaTeX数学公式

0 文章目录名

  @[TOC](文章目录名)

1 标题

  • 一级标题:行首# 标题名称 或者 <h1>标题名称</h1>
  • 二级标题:行首## 标题名称 或者 <h2>标题名称</h2>
  • 三级标题:行首### 标题名称 或者 <h3>标题名称</h3>
    最高支持6级标题.

2 字体设置

  • 字体加粗: **加粗字体**
  • 字体下标:<sub>字体下标</sub>
  • 字体上标:<sup>上标字体</sup>
  • 字体大小、颜色、字号:<font color="green" size=7 face="黑体">文本内容</font>

3 文本设置

  • 文本强调:*强调文本*
  • 标记文本:==标记文本==
  • 删除文本:~~删除文本~~
  • 引用文本:>引用文本
  • 空格缩进:&emsp;
  • 注释文本*[文本内容]:注释内容

4 按键展示

  <kbd>按键名</kbd>

5 功能快捷键

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

6 生成适合的列表

  • 项目:- 项目
    • 项目:- 项目
      • 项目:- 项目
  1. 项目1:1. 项目1
  2. 项目2:2. 项目2
  3. 项目3:3. 项目3
  • 计划任务:- [ ] 计划任务
  • 完成任务:- [x] 完成任务

7 插入链接与图片

  • 链接:[链接替换名](url)
  • 注脚:[^数字]
       [^数字]: 注脚的解释
  • 图片:<img src="https://img-blog.csdn.net/20181024223739122?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L25ld19kZWxldGVf/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70" alt=""/>
  • 图片大小调整:<img src="....." width="数字" height="数字" alt=""/>
  • 图片位置居中:<center><img ...../></center>(文字居中也适用)
  • 页面内跳转:[文本](#idname),id设置:
    • 标题里:<h2 id="target>1 介绍</h2>
    • 正文里:<span id="target>正文内容</span>

8 插入代码段

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

在markdown编辑器中输入:

```javascript
// An highlighted block
var foo = 'bar';
```(注意:末尾不要忘记```)

9 创建表格

9.1 创建简单表格

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

在markdown编辑器中输入:

项目  | Value
----- | -----
电脑  | $1600
手机  | $12
导管  | $1
  • 设定内容居中、居左、居右
    • 居中::---------:
    • 居左::---------
    • 居右:---------:
第一列第二列第三列
居中居左居右

9.2 html表格

  • <table>标签定义表格;
  • <tr>标签定义行;(table row)
  • <td>标签定义数据单元格内容(列)。(table data)
  • 带图片表格示例:
ResumeF8:运行到下一个断点
Suspend Thread:进程挂起
Terminate Ctrl+F2:停止调试
Step Into F5
Step Over F6
Step Return F7

其html代码如下:

<table><tr ><td width=50><img src="https://img-blog.csdnimg.cn/20181109163111511.png"   alt="">	</td><td align=left >Resume<kbd>F8</kbd>:运行到下一个断点</td></tr><tr><td width=50 ><img src="https://img-blog.csdnimg.cn/20181109161735466.png" alt="">	</td><td align=left >Suspend Thread:进程挂起</td></tr><tr><td width=50 ><img src="https://img-blog.csdnimg.cn/20181109163214424.png" alt="">	</td><td align=left >Terminate <kbd>Ctrl</kbd>+<kbd>F2</kbd>:停止调试</td></tr><tr><td width=50 ><img src="https://img-blog.csdnimg.cn/20181109164350918.png" alt="">	</td><td align=left >Step Into <kbd>F5</kbd></td></tr><tr ><td width=50 ><img src="https://img-blog.csdnimg.cn/20181109164523709.png" alt="">	</td><td align=left >Step Over <kbd>F6</kbd></td></tr><tr ><td width=50 ><img src="https://img-blog.csdnimg.cn/2018110916464598.png" alt="">	</td><td align=left >Step Return <kbd>F7</kbd></td></tr>
</table>

10 UML 图表

10.1 序列图:

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

在markdown编辑器中输入:

```mermaid
sequenceDiagram
张三 ->> 李四: 你好!李四, 最近怎么样?
李四-->>王五: 你最近怎么样,王五?
李四--x 张三: 我很好,谢谢!
李四-x 王五: 我很好,谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?
```(注意:末尾不要忘记```)

10.2 普通流程图:

链接
长方形
圆角长方形
菱形

在markdown编辑器中输入:

```mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
```(注意:末尾不要忘记```)
  • 关于 Mermaid 语法,参考 这儿.

10.3 FLowchart流程图

语法:

  • 定义元素:tag=>type: content:>url
  • 连接元素:->
    标签:主要6种

    start
    end
    operation
    subroutine
    condition
    inputoutput

Created with Raphaël 2.2.0 开始 我的操作 确认? 结束 yes no

在markdown编辑器中输入:

```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认?st->op(right)->cond
cond(yes)->e
cond(no)->op
```(注意:末尾不要忘记```)
  • 关于 Flowchart流程图 语法,参考 这儿.

10.4 甘特图

Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid

在markdown编辑器中输入:

```mermaid
ganttdateFormat  YYYY-MM-DDtitle Adding GANTT diagram functionality to mermaidsection 现有任务已完成               :done,    des1, 2014-01-06,2014-01-08进行中               :active,  des2, 2014-01-09, 3d计划一               :         des3, after des2, 5d计划二               :         des4, after des3, 5d
```(注意:末尾不要忘记```)
  • 关于 甘特图 语法,参考 这儿.

11 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.
上面两个数学公式分别是$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$$$ \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. $$

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


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

相关文章

64位windows10,打不chm文件问题,终于解决了。。。

公司新给配了一台win10笔记本&#xff0c;发现打不开chm文件&#xff0c;度娘给的方案都是修改文件属性解除锁定之类的&#xff0c;根本解决不了问题。 经过几天研究&#xff0c;发现将chm文件拖放到 SysWOW64中的hh.exe可以打开 于是决定修改chm文件关联打开程序 直接修改无果…

chm转txt(chm转txt格式转换器安卓)

chm转txt格式转换器-有没有可以将CHM电子书格式转换为TXT格式的软件. 有一个叫DeCompiler的软件,可以将你说的CHM文件转换面原来生成chm文件时的网页文件(htm,html),呵呵~~应该可以满足你的用处吧~~ 你在网上按这个名字找一下,如果找不到发邮件给我,我发给你~ fjd0105 求txt转…

易维清使用技巧:CHM编辑利器

易维清源代码生成软件不但是一款专业的管理信息系统源代码生成器&#xff0c;其附带的编辑帮助信息功能更是CHM编辑利器。而且&#xff0c;免费试用版中的这个功能完全没有削减的哦&#xff0c;不花钱就可以帮你轻松编辑生成完美的CHM&#xff0c;官方下载地址&#xff1a;www.…

CSDN Markdown编辑器 图片对齐方式(居中/左对齐/右对齐)及图片大小

Markdown图片对齐方式&#xff08;居中/左对齐/右对齐&#xff09;及图片大小 一、图片对齐方式1.居中2.右对齐、左对齐 二、图片大小 说明&#xff1a;加载图片给有两种方式&#xff0c;一种用网页图片链接&#xff0c;另一种上传本地图片。 获得图中方框中的图片链接为&…

vim编辑器下载Linux版,强大的vim编辑器【下载!linux基础命令豪华版】

vi编辑器学习三 4.编辑操作 进入输入模式命令 i插入命令 a附加命令 o打开命令 c修改命令 r取代命令 s替换命令 Esc退出命令 输入模式的操作 Home光标到行首 End 光标到行尾 Page Up和Page Down上下翻页 Delect删除光标位置的字符 删除操作(命令模式使用) x删除光标处的单个字符…

MD编辑器用法讲解

文章目录 为什么写这个&#xff1f;0. 介绍一下md&#xff1f;1 纯md语法的使用1.1 快捷键1.2 字符效果和横线等1.2.1 横线1.2.2 删除线1.2.3 斜体字1.2.4 粗体1.2.5 粗斜体1.2.6 上标与下标1.2.7 **缩写(同HTML的abbr标签)**1.2.8 引用 Blockquotes 1.3 各级标签 标签 1标签 2…

CSDN - markdown 编辑器模板

CSDN - markdown 编辑器模板 # <center>CSDN - markdown 编辑器模板</center>**Markdown 编辑器**欢迎页。## 1. 功能拓展与语法支持Markdown 编辑器功能拓展与语法支持&#xff1a;1. 在创作中心设置代码高亮样式&#xff0c;Markdown **将代码片显示选择的高亮样…

树视图编辑器

![ 在这里插入图片描述 ](https://img-blog.csdnimg.cn/20210304200742955.png?x-oss-processimage/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lsb3ZleW91YW55bW9yZQ,size_16,color_FFFFFF,t_70)

在线word编辑html,eWebEditor - 在线HTML编辑器,HTML在线编辑

本地文件自动上传&#xff1a; 利用本地文件自动上传功能&#xff0c;可以把编辑器内容中含有本地的图片、图表等文件自动上传到服务器。使内容发布后&#xff0c;浏览者也可以看到或下载此文件&#xff0c;而不是只有自己可以看到或下载到。您不需要一个一个文件的插入并上传&…

《MarkDown编辑器的使用技巧(修改录入方式与目录生成)|CSDN编辑器测评》

《MarkDown编辑器的使用技巧(修改录入方式与目录生成)&#xff5c;CSDN编辑器测评》 CSDN的 Markdown 编辑器是当前是编辑效率较高的编辑器&#xff0c;那么我在其使用过程中最【稀罕】的是目录功能。本编文章教会你修改【MarkDown编辑器】的设置&#xff0c;以及快速创建目录…

Python技能树及Markdown编辑器测评 20212109施铖哲

文章目录 前言:rocket:一、Python技能树使用评价:cat:1.1介绍:fire:1.2体验:fireworks:1.2.1首页1.2.2课程界面1.2.3练习1.2.4交流讨论与笔记1.2.5其他优点1.2.6缺点 1.3小结:coffee: 二、Markdown编辑器使用评价:dog:2.1介绍:telescope:2.2体验1-页面:moon:2.2.1界面2.2.2选项…

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

Markdown编辑器使用教程 欢迎使用Markdown编辑器合理的创建标题&#xff0c;有助于目录的生成功能快捷键如何改变文本的样式分割线插入链接与图片如何插入一段漂亮的代码片创建一个表格设定内容居中、居左、居右SmartyPants 列表有序列表无序列表 如何创建一个注脚注释也是必不…

chm文档的编辑办法

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

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

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

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

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

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

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

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

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

CHM相关工具

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

一、系统功能设计

仿QQ系统功能结构 共分为5个部分&#xff0c;分别是软件登陆、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简…