CSDN博客:Markdown编辑语法教程总结教程(中)

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

前封

Markdown编辑语法教程总结

  • 前言
  • 1. 列表
    • 1.1 无序列表
    • 1.2 有序列表
    • 1.3 待办事项列表
    • 1.4 自定义列表
  • 2. 图片
    • 2.1 直接插入图片
    • 2.2 插入带尺寸的图片
    • 2.3 插入宽度确定,高度等比例的图片
    • 2.4 插入高度确定宽度等比例的图片
    • 2.5 插入居中的图片
    • 2.6 插入居中并且带尺寸的图片
    • 2.7 插入居右的图片
  • 3. 链接
  • 4. 代码片
  • 5. 表格
    • 5.1 简单表格
    • 5.2 表格文本位置
  • 6. 注脚
  • 7. 注释
  • 感谢您的阅读支持!!!
  • 后续会持续更新的!!!
  • 文末投票支持一下!!!

前言

在如今这个信息爆炸的时代,知识的分享与传播变得尤为重要,而博客无疑是其中的关键载体之一。CSDN作为国内知名的技术社区平台,为无数技术爱好者提供了展示自我、交流学习的空间。在使用 CSDN 博客进行创作的过程中,Markdown 编辑器无疑是提升写作效率、打造美观文章格式的得力工具。

回首过往,我初涉博客创作领域时,面对Markdown编辑器也是一头雾水。那些看似简单的符号和规则,仿佛是一道难以逾越的门槛,让我在创作过程中走了不少弯路。但凭借着对知识分享的热情和坚持不懈的探索,我逐渐掌握了 Markdown 编辑器的精髓,体会到了它为写作带来的便捷与高效。

如今,我将自己在学习 CSDN Markdown 编辑语法过程中的经验与心得进行总结,整理成这篇教程。希望能为那些和曾经的我一样,对 Markdown 编辑器感到迷茫的新手朋友们提供一份清晰的学习指南,让大家能够快速上手 CSDN Markdown编辑器,专注于优质内容的创作,轻松打造出排版精美的博客文章,在知识分享的道路上更加顺畅地前行。

在这篇博客之前,我已经写了上篇,在上篇中有“基础介绍,创作助手,目录,标题和文本样式”的使用介绍,有需要的朋友可以去看看!!!
CSDN博客:Markdown编辑语法教程总结教程(上)

1. 列表

1.1 无序列表

无序列表的表示方法有三种:

  1. 可以使用一个“ - ”放在开头来实现效果
  2. 可以使用一个“ * ”放在开头来实现效果
  3. 可以使用一个“ + ”放在开头来实现效果

你可以选择在上方的工具区域选择“ 无序 ”选项来进行无序列表的实现,或者也可以自己打出相应符号来进行书写。(他们也可以实现层级效果

最终效果示例如下:
在这里插入图片描述

1.2 有序列表

有序列表的实现十分简单,与标题类似,只是在文本前无需加上“ # ”
只需要打出对应数字加“ .(空格) ”即可实现有序列表效果。
或者在菜单区域选择“ 有序 ”选项即可实现操作。

1. 折枝寄北列表示例1
2. 折枝寄北列表示例2
3. 折枝寄北列表示例3

最终效果示例如下:
在这里插入图片描述

1.3 待办事项列表

任务完成与否列表的实现可以通过在下单区域选择“ 待办 ”选项或者在键盘输入“ -[ ] ”来实现效果。
你可以复制以下文案进行尝试:

 - [ ] 折枝寄北计划任务- [x] 折枝寄北完成任务

最终效果示例如下:

在这里插入图片描述

1.4 自定义列表

在Markdown编辑器语法中,除了有序列表,无序列表和待办事项列表外,还有自定义列表可以使用。

自定义列表以冒号(:)为开头,后面即为表格内容。
你可以复制以下内容进行尝试:

折枝寄北的列表示例
: 枝寄北任务1
: 折枝寄北任务2

最终效果示例如下:
在这里插入图片描述

2. 图片

在mark逗我呢编辑器中插入图片需要满足相应的语法规则:

! [填写图片的替代文本](URL地址 可选title属性)

Markdown编辑器中插入图片,我们需要使用感叹号(!)后跟方括号([])和圆括号(())的语法结构。方括号中填写图片的替代文本(alt text),这有助于在图片无法加载时理解图片内容;圆括号中则填写图片的URL地址。此外,圆括号内还可以选择性地添加title属性,为图片提供额外的提示信息。

2.1 直接插入图片

如果直接插入一张名为“example.jpg”的图片,并为其添加替代文本“示例图片”,可以这样做:

语法是这样的:

![示例图片](example.jpg)

以下我们用官方图片作为介绍:
官方示例图片地址
https://iblog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png

使用示例图片进行代替:https://iblog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png替换example.jpg

在这里插入图片描述

最终显示效果如下:
图片: Alt

2.2 插入带尺寸的图片

想插入带有尺寸的图片,需要对原始图片的语法结构加入尺寸要素:

原始图片尺寸的语法是这样的:![Alt](https://img-home.csdnimg.cn/images/example.jpg)调整图片尺寸后的语法是这样的:![Alt](https://img-home.csdnimg.cn/images/example.jpg =60x60)

二者的区别在于我们在最后对图片
的尺寸进行的一定限定(加入了“=60x60” )

最终效果如下所示:
在这里插入图片描述

带尺寸的图片: Alt

2.3 插入宽度确定,高度等比例的图片

同上的要素添加类似,不再进行赘述,只需要添加“=60x”在 ()末尾中 即可

![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png =60x)

宽度确定高度等比例的图片: Alt

2.4 插入高度确定宽度等比例的图片

同上的要素添加类似,不再进行赘述,只需要添加“=x80”在 ()末尾中 即可

![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png =x80)

高度确定宽度等比例的图片: Alt

2.5 插入居中的图片

同上的要素添加类似,不再进行赘述,只需要添加“#pic_center”在 ()末尾中 即可

![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png#pic_center)

居中的图片: Alt

2.6 插入居中并且带尺寸的图片

同上的要素添加类似,不再进行赘述,只需要添加“#pic_center =60x60”在 ()末尾中 即可

![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png#pic_center =60x60)

居中并且带尺寸的图片: Alt

2.7 插入居右的图片

同上的要素添加类似,不再进行赘述,只需要添加“#pic_right”在 ()末尾中 即可

![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png#pic_right)

居右的图片: Alt

3. 链接

Markdown链接的语法如下:

[链接文本](链接地址 可选title属性)
链接: [link](https://www.csdn.net/)

其中,链接文本是显示在文档中的文本,点击它会跳转到链接地址所指定的页面。

可以在上方的工具栏中通过超链接添加或者通过语法说明也可以

在这里插入图片描述

4. 代码片

代码片的插入可以根据编程语言的不同,最终的显示效果也会有些许不同。
可以使用使用反引号(`)来插入代码块,并指定代码的语言。
在这里插入图片描述

5. 表格

Markdown编辑器创建表格,这样让数据在文档中展示更为简洁,变得更直观。
在Markdown中,你可以使用竖线(|)来分隔表格的列,使用破折号(-)来定义表头。

5.1 简单表格

在这里插入图片描述

5.2 表格文本位置

在表头下方的分隔线中使用英文状态下的冒号(:),可以指定单元格内容的对齐方式。
冒号放在左边则左对齐,放在右边则右对齐,两边都放则居中对齐。这样就可以根据需要调整表格的展示效果了。
在这里插入图片描述

6. 注脚

可以在需要添加注脚的地方使用方括号和脱字符号([^注脚标识])来标记注脚,然后在文档的末尾使用相同的注脚标识来定义注脚的内容

一个具有注脚的文本。[^1][^1]: 注脚的解释

7. 注释

这个注释是可以进行及时查看内容,只需要放把光标放在虚线上,即可实现查看效果。

通过

*[添加术语 ]:解释内容

Markdown将文本转换为 HTML

在这里插入图片描述

感谢您的阅读支持!!!

后续会持续更新的!!!

文末投票支持一下!!!

结束

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/73179.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ChebyKAN0、ChebyKAN1 网络阅读

目录 ChebyKAN0 Chebyshev Polynomial-Based Kolmogorov-Arnold Networks: An Efficient Architecture for Nonlinear Function Approximation 参考文献 文章内容 文章详细结构 5. Experiments and Results 5.1 Digit Classification on MNIST 5.2 Function Approximat…

RK3588部署YOLOv8(2):OpenCV和RGA实现模型前处理对比

目录 前言 1. 结果对比 1.1 时间对比 1.2 CPU和NPU占用对比 2. RGA实现YOLO前处理 2.1 实现思路 2.2 处理类的声明 2.3 处理类的实现 总结 前言 RK平台上有RGA (Raster Graphic Acceleration Unit) 加速,使用RGA可以减少资源占用、加速图片处理速度。因此…

破局者登场:中国首款AI原生IDE Trae深度解析--开启人机协同编程新纪元

摘要 字节跳动于2025年3月3日正式发布中国首款AI原生集成开发环境Trae国内版,以动态协作、全场景AI赋能及本土化适配为核心优势。Trae内置Doubao-1.5-pro与DeepSeek R1/V3双引擎,支持基于自然语言生成端到端代码框架、实时上下文感知与智能Bug修复&…

【PyCharm】Python和PyCharm的相互关系和使用联动介绍

李升伟 整理 Python 是一种广泛使用的编程语言,而 PyCharm 是 JetBrains 开发的专门用于 Python 开发的集成开发环境(IDE)。以下是它们的相互关系和使用联动的介绍: 1. Python 和 PyCharm 的关系 Python:一种解释型、…

SNIPAR:快速实现亲缘个体的基因型分离与推断

SNIPAR:快速实现亲缘个体的基因型分离与推断 近日,英国剑桥大学研究团队在Nature Genetics上发表了最新研究成果——SNIPAR(SNP-based Inference of Pedigree relationship, Ancestry, and Recombination)。这一强大的工具可以帮助…

3.11记录

leetcode刷题: 1. 334. 递增的三元子序列 - 力扣(LeetCode) 方法一:使用贪心算法求解 class Solution(object):def increasingTriplet(self, nums):first nums[0]second float(inf)for i in nums:if i>second:return Truee…

阿里云操作系统控制台评测:国产AI+运维 一站式运维管理平台

阿里云操作系统控制台评测:国产AI运维 一站式运维管理平台 引言 随着云计算技术的飞速发展,企业在云端的运维管理面临更高的要求。阿里云操作系统控制台作为一款集运维管理、智能助手和系统诊断等多功能于一体的工具,正逐步成为企业高效管理…

大语言模型学习--向量数据库Milvus实践

Milvus是目前比较流行的开源向量数据库,其官网地址 Milvus 是什么? | Milvus 文档 1.Milvus简介 Milvus 是一种高性能、高扩展性的向量数据库。Milvus 提供强大的数据建模功能,能够将非结构化或多模式数据组织成结构化的 Collections。它支…

DeepSeek Kimi详细生成PPT的步骤

以下是使用 DeepSeek 和 Kimi 协作生成 PPT 的详细步骤,结合了两者的优势实现高效创作: 第一步:使用 DeepSeek 生成 PPT 大纲或内容 明确需求并输入提示词 在 DeepSeek 的对话界面中,输入具体指令,要求生成 PPT 大纲或…

Visual Studio 安装及使用教程(Windows)【安装】

文章目录 一、 Visual Studio 下载1. 官网下载2. 其它渠道 二、Visual Studio 安装三、Visual Studio 使用四、Visual Studio 其它设置1. 桌面快捷方式2. 更改主题、字体大小 软件 / 环境安装及配置目录 一、 Visual Studio 下载 1. 官网下载 安装地址:https://vi…

Java多线程与高并发专题——阻塞和非阻塞队列的并发安全原理是什么?

引入 之前我们探究了常见的阻塞队列的特点,在本文我们就以 ArrayBlockingQueue 为例,首先分析 BlockingQueue ,也就是阻塞队列的线程安全原理,然后再看看它的兄弟——非阻塞队列的并发安全原理。 ArrayBlockingQueue 源码分析 …

关于ngx-datatable no data empty message自定义模板解决方案

背景&#xff1a;由于ngx-dataable插件默认没有数据时显示的文案是no data to display&#xff0c;且没有任何样式。这里希望通过自定义模板来实现。但目前github中有一个案例是通过设置代码&#xff1a; https://swimlane.github.io/ngx-datatable/empty** <ngx-datatable…

Matlab 双线性插值(二维)

文章目录 一、简介二、实现代码三、实现效果参考资料一、简介 双线性插值是一种 二维插值方法,用于计算 栅格(Grid) 或 像素点 之间的插值值。它主要用于 图像缩放、旋转、变换 等操作,以在新像素位置估算灰度值或颜色值。 如上图所示,假设存在一个二维离散函数(如图像)…

coding ability 展开第二幕(双指针——巩固篇)超详细!!!!

文章目录 前言有效的三角形个数思路 查找总价格为目标值的两个商品思路 两数之和思路 三数之和思路 四数之和思路 总结 前言 本专栏的上篇&#xff0c;讲述了双指针的一些基础的算法习题 今天我们来学习更进一步的双指针用法吧 其实也是大相径庭&#xff0c;和前面的差不多&…

L1-056 猜数字

L1-056 猜数字 - 团体程序设计天梯赛-练习集 (pintia.cn) 题解 这道题要求&#xff1a;一群人坐在一起&#xff0c;每人猜一个 100 以内的数&#xff0c;谁的数字最接近大家平均数的一半就赢。现在需要编写程序来计算&#xff0c;其中需要存入玩家的名字&#xff08;字符串&a…

处理Java中的异常

处理Java中的异常 在 Java 中&#xff0c;异常处理是通过 try-catch-finally 语句来实现的。Java 提供了一种强大的机制&#xff0c;用于捕捉和处理程序运行中的各种错误和异常。通过这种方式&#xff0c;你可以有效地捕捉到可能导致程序崩溃的错误&#xff0c;并做出相应的处…

一维数组的增删改查:对元素的影响

一维数组的增删改查:对元素的影响(C语言) 在C语言中,一维数组是一种存储一组相同类型元素的数据结构。它在内存中是连续存储的,每个元素都可以通过索引来访问和修改。在这篇博文中,我们将详细探讨一维数组的增、删、改、查操作,并分析它们对数组元素的影响。 1. 一维数…

项目实操分享:一个基于 Flask 的音乐生成系统,能够根据用户指定的参数自动生成 MIDI 音乐并转换为音频文件

在线体验音乐创作&#xff1a;AI Music Creator - AI Music Creator 体验者账号密码admin/admin123 系统架构 1.1 核心组件 MusicGenerator 类 负责音乐生成的核心逻辑 包含 MIDI 生成和音频转换功能 管理音乐参数和音轨生成 FluidSynth 集成 用于 MIDI 到音频的转换 …

关于MCP SSE 服务器的工作原理

模型上下文协议&#xff08;Model Context Protocol&#xff0c;简称MCP&#xff09; 是一种全新的开放协议&#xff0c;专门用于标准化地为大语言模型&#xff08;LLMs&#xff09;提供应用场景和数据背景。 你可以把MCP想象成AI领域的“USB-C接口”&#xff0c;它能让不同的A…

计算机:基于深度学习的Web应用安全漏洞检测与扫描

目录 前言 课题背景和意义 实现技术思路 一、算法理论基础 1.1 网络爬虫 1.2 漏洞检测 二、 数据集 三、实验及结果分析 3.1 实验环境搭建 3.2 模型训练 最后 前言 &#x1f4c5;大四是整个大学期间最忙碌的时光,一边要忙着备考或实习为毕业后面临的就业升学做准备,…