CSDN博客：Markdown编辑语法教程总结教程（下）

❤个人主页：折枝寄北的博客

  
前言

   在如今这个信息爆炸的期间，知识的分享与传播变得尤为重要，而博客无疑是其中的关键载体之一。CSDN作为国内着名的技术社区平台，为无数技术爱好者提供了展示自我、交流学习的空间。在使用 CSDN 博客举行创作的过程中，Markdown 编辑器无疑是提升写作效率、打造美观文章格式的得力工具。
    回首过往，我初涉博客创作范畴时，面对Markdown编辑器也是一头雾水。那些看似简单的符号和规则，仿佛是一道难以逾越的门槛，让我在创作过程中走了不少弯路。但凭借着对知识分享的热情和坚持不懈的探索，我逐渐把握了 Markdown 编辑器的精髓，体会到了它为写作带来的便捷与高效。
    如今，我将自己在学习 CSDN Markdown 编辑语法过程中的履历与心得举行总结，整理成这篇教程。盼望能为那些和曾经的我一样，对 Markdown 编辑器感到迷茫的新手朋侪们提供一份清晰的学习指南，让各人可以大概快速上手 CSDN Markdown编辑器，专注于优质内容的创作，轻松打造出排版精致的博客文章，在知识分享的道路上更加顺畅地前行。
  在这篇博客之前，我已经写了上篇和中篇，在上篇中有“基础先容，创作助手，目录，标题和文本样式”的使用先容；在中篇中先容了列表，图片，链接，代码片，表格，注脚和解释。有必要的朋侪可以去看看！！！
CSDN博客：Markdown编辑语法教程总结教程（上）
CSDN博客：Markdown编辑语法教程总结教程（中）
1. LaTex数学公式

不发起使用，想要纯熟使用所需的时间较长，实用于专业的文章中使用，在一般的博客中插入相关图片来阅读观看已经足够使用。
通过这个网址可以学习，新手发起先不要使用，上手较难，等本领跟上，在举行增补。
   https://khan.github.io/KaTeX/

  CSDN给出的示例：
   Gamma公式展示                                         Γ                            (                            n                            )                            =                            (                            n                            −                            1                            )                            !                                     ∀                            n                            ∈                            N                                  \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N                     Γ(n)=(n−1)!∀n∈N 是通过 Euler
integral
                                               Γ                               (                               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.
  最终效果：

2. 插入不同类别的图

不发起使用，纯熟使用所需的时间较长且使用频率较低，一般不举利用用，效果同样可以使用插入平凡图片来实现效果，而且更为方便直接。
2.1 插入甘特图

简介：甘特图（Gantt Chart）又称为横道图、条状图，是以提出者亨利·甘特的名字命名的一种直观的可视化工具，用于展示项目进度、任务安排等信息。
   主要特点
时间导向 ：以时间为横轴，清晰展示各项任务在不同时间段的安排。 任务展示
：以纵轴列出详细任务或运动，通过横轴上的条形长度和位置，直观出现任务的持续时间、开始时间和结束时间等信息。 进度可视化
：能直观地看出各项任务的进展情况，便于管理者及时把握项目整体进度。
    常见应用场景
项目管理 ：帮助项目经理合理安排项目任务，明确任务顺序和时间要求，有效监控项目进度，及时发现并办理进度偏差等问题。 生产计划
：在生产制造范畴，用于订定生产计划，安排不同产品的生产任务，确保生产过程按计划有序推进。 工程建立
：如修建工程项目中，用于规划工程进度，安排基础施工、主体施工、装修等各个环节的时间和资源投入。 常用制作工具
    Microsoft Project ：专业的项目管理软件，具备强大的甘特图制作和管理功能，可以大概方便地调解任务时间、设置任务关联等。
Excel ：通过数据处置惩罚和图表功能，可以制作简单的甘特图，得当小型项目或暂时性的任务安排。 在线项目管理工具 ：如
Trello、Asana 等，提供了便捷的甘特图制作模板和功能，方便团队协作和项目进度共享。
  详细参考文档举行学习
   参考文档：(https://mermaid-js.github.io/mermaid/#/gantt)
  示例：
     

2.2 插入UML图

简介：UML（Unified Modeling Language）图，即同一建模语言图，是一种标准化的建模工具，广泛应用于软件工程、体系设计等范畴，用于可视化、详述、构造和文档化体系的设计过程。
   主要特点
可视化表达 ：通过各种图形元素（如矩形、椭圆形、箭头等）和毗连关系，将体系的组成部分及其相互关系以直观的方式出现出来，便于明确和沟通。
多角度描述：从不同的视角和层次对体系举行建模，包括静态结构、动态行为、体系组件等方面，全面展示体系的特性。
标准化规范：具有一套同一的符号和语义规范，使得不同人员在使用 UML 图举行建模时，可以大概保持一致的表达方式和明确，便于团队协作和知识共享。
    常见范例
结构图 类图（Class Diagram） ：展示体系的类、接口及其之间的关系，如继承、关联、聚合等，是描述体系静态结构的焦点图。
对象图（Object Diagram） ：表现体系在某一特定时刻的对象实例及其关联关系，是对类图的一个示例化展示。
组件图（Component Diagram） ：刻画体系的组件及其之间的依靠关系，组件可以是代码库、动态链接库等可替代的物理实现部分。
部署图（Deployment Diagram） ：展示体系硬件节点以及在节点上部署的软件构件，用于描述体系的物理架构和部署情况。 行为图
用例图（Use Case Diagram） ：从用户角度出发，展示体系功能（用例）以及到场者（如用户、外部体系等）与体系功能之间的交互关系。
运动图（Activity Diagram） ：描述体系的业务流程、工作流或操作的执行步调，展示从开始到结束的运动顺序及分支、并发等情况。
状态图（State Diagram） ：描画体系中某一类对象的状态及其之间的转移关系，实用于描述具有显着状态变化和事件驱动行为的对象。
顺序图（Sequence Diagram） ：以时间和顺序为轴，展示对象之间的交互顺序和消息传递，直观出现体系动态行为的时间序列。
通信图（Communication Diagram）
：偏重于展示对象之间的关联关系及消息传递，以对象和关联为图的轴线，强调对象之间的交互毗连。
  常用制作工具 专业建模工具 ：
如
Enterprise Architect、Visual Paradigm 等，具备强大的 UML 建模功能，支持全部范例的 UML
图制作，且提供丰富的模板和自定义选项。 办公软件 ：Microsoft Visio 也常用于绘制 UML
图，通过其外形库和毗连工具，可以方便地创建各类 UML 图形。 在线工具 ：如 draw.io、Lucidchart 等，提供了简便易用的 UML 图制作界面和根本的图形元素，得当快速绘制简单的 UML 图，便于在线协作和分享。
    应用场景
软件开发：在软件体系的设计阶段，帮助开发团队梳理需求、设计体系架构和模块划分，引导代码编写和体系实现。
体系分析与设计：用于对现有体系举行分析和建模，发现体系中的问题和改进点，为体系优化和升级提供依据。
项目管理：辅助项目团队举行项目规划、任务分解和进度跟踪，通过 UML 图展示项目的整体结构和各任务之间的依靠关系。
业务流程梳理 ：对企业或组织的业务流程举行可视化建模，帮助业务人员和开发人员共同明确业务规则和流程，为信息化建立提供业务基础。
  详细参考文档举行学习
   参考文档：(https://mermaid-js.github.io/mermaid/#/sequenceDiagram)
  示例：
     2.3 插入Mermaid流程图

简介：Mermaid流程图是一种基于文本的图表绘制工具，它答应用户通过简单的文本语法来创建和修改各种范例的图表，包括流程图、序列图、甘特图、类图、状态图等。以下是关于Mermaid流程图的详细先容：
   焦点特点
文本驱动的图表生成：通过类似Markdown的语法，用户可以使用纯文本描述来创建图表，这种方式易于学习和使用，且便于版本管理和协作。
跨平台兼容：Mermaid可以在任何支持JavaScript的环境中运行，包括网页、Markdown编辑器、条记应用等，具有良好的跨平台特性。
动态修改：图表可以通过修改其描述来重新渲染和修改，这使得它在文档编写和项目管理中非常灵活。
多种图表支持：除了流程图，Mermaid还支持序列图、类图、状态图、甘特图等多种图表范例，满意不同场景的需求。
开源与社区支持：作为开源项目，Mermaid拥有生动的社区，持续更新和改进，用户可以获取丰富的资源和支持。
  详细参考文档举行学习
   参考文档：(https://mermaid-js.github.io/mermaid/#/flowchart?id=graph)
  示例：
     2.4 插入Flowchart流程图

简介：流程图是一种通过图形化方式展示算法、工作流程或业务流程的工具。它使用一系列标准化的图形和符号来表示不同的操作、决策点、数据流等，并通过箭头毗连这些图形来表示流程的顺序和逻辑关系。
   常用图形及意义
椭圆形：表示流程的开始或结束，通常用于流程的出发点和尽头。 矩形：表示详细的处置惩罚步调或操作，是流程图中最常用的图形。
菱形：表示决策点，用于必要根据条件举行判断的地方，通常会有多个分支。 平行四边形：表示输入或输出操作，如数据的读取或结果的输出。
箭头：表示流程的走向和顺序，毗连各个图形元素。
    应用场景
软件开发：在编写代码之前，使用流程图可以清晰地规划算法的逻辑结构，帮助开发者理清思绪，减少编程错误。
业务流程梳理：企业可以使用流程图来描述和优化业务流程，使员工更好地明确各自的工作职责和流程中的协作关系。
教育范畴：教师可以用流程图来讲解复杂的知识点，如数学题的解题步调、化学反应的过程等，帮助门生更直观地明确。
  详细参考文档举行学习
   参考文档：(http://flowchart.js.org/)
  示例：
     2.5 插入classDiagram类图

简介：ClassDiagram（类图）是 UML（Unified Modeling Language，同一建模语言）中的一种静态结构图，用于描述体系的类、接口、协作（在 UML 2.0 中称为模块）、枚举、约束等元素及其相互关系。类图是面向对象体系建模的焦点工具之一，它可以大概清晰地展示体系的静态结构，包括类与类之间的关联、继承、实现等关系，为体系的分析、设计和实现提供了重要的参考。
详细参考文档举行学习
   参考文档：(https://mermaid-js.github.io/mermaid/#/classDiagram)
  示例：
     3. CSDN快捷键

4. 字体相关设置

4.1 字体样式改变

不同字体设置：

1. 1. 默认字体
2. 2. <font face="宋体">宋体</font>
3. 3. <font face="黑体">黑体</font>
4. 4. <font face="雅黑">雅黑</font>
5. 5. <font face="楷体">楷体</font>
6. 6. <font face="STCAIYUN">华文彩云</font>
7. 7. <font face="Arial">Arial</font><font face="fantasy">fantasy</font>

复制代码

最终效果：

4.2 字体巨细改变

1. <font size=1 > 1号 </font>
2. <font size=2 > 2号 </font>
3. <font size=3 > 3号 </font>
4. <font size=4 > 4号 </font>
5. <font size=5 > 5号 </font>
6. <font size=6 > 6号 </font>
7. <font size=7 > 7号 </font>
8. <font size=8 > 8号 </font>
9. <font size=9 > 9号 </font>
10. <font size=10 > 10号 </font>
11. <font size=11 > 11号 </font>
12. <font size=12 > 12号 </font>

复制代码

最终效果：

4.3 字体颜色改变

1. <font color=green > green </font>
2. <font color=gold  > gold</font>
3. <font color=yellow  > yellow</font>
4. <font color=lawngreen  > lawngreen</font>
5. <font color=chartreuse  > chartreuse</font>
6. <font color=orange  > orange</font>
7. <font color=pink  > pink</font>
8. <font color=purple  > purple</font>
9. <font color=mediumblue  > mediumblue</font>
10. <font color=darkorange  > darkorange</font>
11. <font color=brown  > brown</font>
12. <font color=bright brown  > bright brown</font>
13. <font color=bright magenta  > bright magenta</font>
14. <font color=teal  > teal</font>
15. <font color=darkgreen  > darkgreen</font>

复制代码

最终效果：

4.4 字体背景色实现

2. > <table><tr><td bgcolor=颜色替换位置> 想要什么颜色就换什么颜色 </td></tr></table>

复制代码

  颜色常用单词： red green blue gold yellow lawngreen chartreuse orange pink
purple mediumblue darkorange brown bright brown bright magenta teal
darkgreen
  

感谢您的阅读支持！！！

后续会持续更新的！！！

文末投票支持一下！！！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。