目录
1.前言
2.正文
✨2.1markdown是什么
✍️2.2基础必备语法(新手必学)
2.2.1各级标题(文档骨架)
2.2.2文本格式(重点强调)
2.2.3有/无列表(内容组织)
2.2.4引用块(内容强调)
2.2.5连接与图片(资源嵌入)
2.2.6代码块(技术核心)
2.2.7分割线(内容分区)
💡2.3进阶技巧()
2.3.1表格速成
2.3.2任务清单
2.3.3锚点跳转
2.3.4数学公式
2.3.5流程图
📝2.4markdown编辑器推荐
🔌2.5 markdown插件推荐
2.5.1核心写作增强插件(VS Code生态)
2.5.2可视化与预览增强
2.5.3跨平台协作与发布
2.5.4编辑器+插件组合推荐
⚖️2.6对比markdown与富文本
3.小结
1.前言
"有没有经历过这样的崩溃瞬间?——在Word里反复调整标题样式,代码粘贴后格式全乱,或者写技术文档时被HTML标签绕晕。再看看那些大神的博客:干净利落的排版、自带语法高亮的代码块、优雅的数学公式... 其实秘密武器你可能早就见过:README.md
里那些带着井号和星号的文字。
没错,今天我们要聊的正是 Markdown——程序员写文档的「第一性原理」。它用键盘符号代替鼠标点击,让你专注内容而非格式。GitHub上93%的项目用它写说明,Stack Overflow技术博客清一色Markdown排版,**为什么?**三个字:快、准、狠。
5分钟掌握核心语法,从此告别格式斗争。无论写API文档、技术博客还是科研笔记,你都能获得:
✅ 双手不离键盘的极速排版
✅ 代码/公式原生高亮的专业呈现
# 从此写作如写代码般优雅
2.正文
官方文档:
Markdown 基本语法 | Markdown 教程https://markdown.com.cn/basic-syntax/
✨2.1markdown是什么
定义:
轻量级标记语言,通过纯文本+符号(如
#
*
)定义格式,可转换为HTML/PDF等
历史发展:
2004年
:John Gruber与Aaron Swartz创建,目标:「让网络写作像写邮件一样简单」
2012年
:GitHub推广GFM(GitHub Flavored Markdown),新增任务列表、代码围栏
2025年
:92%技术博客支持.md上传
✍️2.2基础必备语法(新手必学)
本篇文章采用Typora演示(部分扩展未加导致展示结果有偏差,请谅):
2.2.1各级标题(文档骨架)
# 一级标题(Ctrl+1)
## 二级标题(Ctrl+2)
### 三级标题(Ctrl+3)
#### 四级标题(Ctrl+4)
说明:
#
数量代表标题级别(1-6级)Typora快捷键可快速生成
2.2.2文本格式(重点强调)
**加粗文本** 或 __加粗文本__
*斜体文本* 或 _斜体文本_
~~删除线文本~~
==高亮文本==(需开启扩展)
说明:
** **
包裹实现加粗
* *
包裹实现斜体
~~ ~~
包裹实现删除线在Typora中实时显示效果
2.2.3有/无列表(内容组织)
无序列表:
- 列表项1(按Tab缩进)- 子列表1(按Shift+Tab升级)- 子列表2
* 星号也可创建
有序列表:
1. 第一项(自动序号)
2. 第二项1. 子项12. 子项2
说明:
-
、*
、+
都可创建无序列表数字+
.
创建有序列表Tab/Shift+Tab调整层级
![]()
2.2.4引用块(内容强调)
> 一级引用文本
>> 二级嵌套引用
>>> 三级嵌套引用
说明:
>
符号开头创建引用多层嵌套用多个
>
常用于注释/重点内容
2.2.5连接与图片(资源嵌入)
[文字链接](https://csdn.net "悬停提示")

说明:
链接格式:
[显示文本](URL "提示")
图片格式:

Typora可直接拖拽插入图片
2.2.6代码块(技术核心)
行内代码:
使用`print("Hello")`语法
代码块:
<pre> ```python # 指定语言高亮 def hello(): print("Markdown!") ``` </pre>
说明:
单反引号 ` 包裹行内代码
三个反引号+语言名创建代码块
Typora自动语法高亮
2.2.7分割线(内容分区)
--- (三个减号)
*** (三个星号)
___ (三个下划线)
说明:
任意三种符号连续即可
需单独一行使用
效果相同:
─────────────
💡2.3进阶技巧()
2.3.1表格速成
| 姓名 | 年龄 | 技能 |
| :----- | :--: | ---------- |
| 张三 | 25 | Java, SQL |
| 李四 | 30 | Python, ML |
技巧:
:
控制对齐方式(左:---
中:--:
右---:
)Typora中按
Ctrl+T
自动生成表格支持合并单元格(需HTML或扩展)
2.3.2任务清单
- [x] 已完成任务
- [ ] 待办任务1
- [ ] 待办任务2
说明:
[x]
表示已完成
[ ]
表示未完成在Typora中点击可直接勾选
2.3.3锚点跳转
[跳转到第三章](#section3) ### <span id="section3">第三章标题</span>
技巧:
为目标标题添加
<span id="锚点名">
用
[文本](#锚点名)
创建链接适合API文档等长内容
2.3.4数学公式
行内公式:$E = mc^2$ 块公式:
$$
\begin{bmatrix}
a & b \\
c & d
\end{bmatrix}
$$
说明:
使用LaTeX语法
需Typora开启:
偏好设置 > Markdown > 内联公式
支持AMSmath宏包
2.3.5流程图
```mermaid
flowchart TDA[开始] --> B{条件判断}B -->|满足| C[执行操作]B -->|不满足| D[结束]
```
Typora安装插件:
https://typora.io/
启用:
偏好设置 > Markdown > 图表
支持类型:
flowchart(流程图)
sequence(时序图)
gantt(甘特图)
📝2.4markdown编辑器推荐
根据平台特性与核心功能,主流 Markdown 编辑器可分为以下几类,满足不同场景需求:
一、全平台通用型
编辑器 | 平台支持 | 核心亮点 | 适用场景 |
---|---|---|---|
Typora | Win/Mac/Linux | 极致简洁的所见即所得体验,支持实时渲染 LaTeX 公式、流程图,一键导出 PDF/HTML 19 | 写作、笔记、技术文档 |
Obsidian | Win/Mac/Linux/iOS | 双链笔记+知识图谱构建,本地存储保障隐私,插件生态丰富 26 | 知识管理、学术研究 |
VS Code | Win/Mac/Linux | 通过插件(如 Markdown All in One)强化 Markdown 功能,无缝集成开发环境 210 | 开发者、代码+文档协作 |
二、轻量化与特色工具
-
MarkText:开源免费,专注速度与实时预览,支持多平台 15
-
Haroopad:语法高亮支持 100+ 语言,主题丰富,适合多语言技术文档 5
-
Dillinger:在线编辑器,支持直接保存至 GitHub/Dropbox,免安装即用 5
三、移动端优选
-
MWeb (iOS):免费支持图床配置,可编辑云盘文件(如 OneDrive),快捷键优化移动输入 9
-
Markor (Android):轻量开源,集成 Todo 清单管理,本地文件友好 9
💡 选择建议:追求沉浸写作选 Typora;构建知识库用 Obsidian;开发者首选 VS Code;移动端优先考虑 MWeb/Markor 129。
🔌2.5 markdown插件推荐
2.5.1核心写作增强插件(VS Code生态)
1. Markdown All in One
核心功能:
键盘流操作:
Ctrl+B
自动生成**粗体**
,#
+空格秒转H1标题数学公式渲染:原生支持
$E=mc^2$
行内公式与$$
块公式自动化目录:
[TOC]
生成带锚点的分级目录(CSDN兼容)
场景价值:减少90%格式操作时间,专注内容创作
2. Markdown Paste
核心功能:
智能粘贴:复制网页内容→粘贴自动转Markdown语法
图片托管:截图/本地图→自动上传图床(支持PicGo/SMMS)→生成
![]()
链接
实测效率:图片插入速度提升300%(对比传统拖拽)
3. Markdown Table Formatter
痛点解决:复杂表格对齐优化
| 函数名 | 参数 | 返回值 | <!-- 原始混乱格式 --> | strlen | char* str| int |
→ 插件一键格式化 →
| 函数名 | 参数 | 返回值 | | :------- | :--------- | :------- | | strlen() | char* str | int | <!-- 自动对齐 -->
2.5.2可视化与预览增强
1. Markdown Preview Enhanced
不可替代价值:
多端渲染:同步输出HTML/PDF/EPUB(CSDN兼容PDF导出)
专业图表:集成Mermaid流程图(
graph TD
)数学公式:Katex引擎支持复杂LaTeX公式
避坑提示:2025年需关闭
mathjax
改用katex
防渲染异常
2. Mermaid Markdown Syntax Highlighting
场景价值:
实时校验流程图语法:
graph LR A-->B
错误实时标红点击节点快速跳转源码位置
2.5.3跨平台协作与发布
1. Githuber MD(WordPress)
博客作者刚需:
双向转换:HTML↔Markdown无损迁移旧博文
媒体托管:粘贴图片自动存WordPress媒体库
独家功能:微信公众号排版优化(解决MD转公众号格式错乱)
2. Obsidian Publish Suite
知识库管理:
双向链接:
[[内部文章]]
构建知识图谱增量发布:仅更新修改部分到CSDN/GitHub Pages
2.5.4编辑器+插件组合推荐
CSDN技术博主:
markdown
必装四件套 = Markdown All in One + Paste Image + Mermaid渲染 + Md2All
学术论文写作:
markdown
组合链 = Zotero参考文献 + Markdown Footnotes + Pandoc导出
团队协作文档:
markdown
云端方案 = 语雀(内置MD支持) + VS Code插件同步[[5]][[16]]
⚖️2.6对比markdown与富文本
从底层逻辑到适用场景,两者差异显著:
特性 | Markdown | 富文本 (如 Word/在线编辑器) |
---|---|---|
输入方式 | 符号标记(# 、* ),手不离键盘 | 依赖鼠标点击工具栏按钮 |
文件本质 | 纯文本,体积小(几 KB),版本控制友好 | 二进制或复杂 HTML,体积大(MB 级) |
格式一致性 | 语法严格,跨平台渲染统一(如 GitHub/博客园) | 易受粘贴样式污染,平台兼容性差 |
排版复杂度 | 结构化工具有效(标题/列表/代码块) | 精细设计占优(字体/颜色/图文环绕) |
学习成本 | 基础语法 30 分钟掌握 | 零门槛但高级功能复杂 |
扩展性 | 依赖插件支持公式/图表 | 原生支持复杂对象(图表/批注) |
场景适配建议:
✅ 选 Markdown 当:
需要专注内容创作(技术博客、API 文档)
频繁使用代码块或数学公式
多平台发布需格式统一(如 GitHub README)✅ 选富文本当:
排版需求复杂(海报、宣传册)
需嵌入多媒体(音视频交互)
协作中非技术人员占比高
💎 核心总结:Markdown 是“内容优先”的高效工具,富文本是“设计优先”的视觉方案。混合使用(如 Typora 写稿 → Word 微调)可兼顾效率与表现力 。
3.小结
今天的分享到这里就结束了,喜欢的小伙伴点点赞点点关注,你的支持就是对我最大的鼓励,大家加油!
另外最后的最后,欢迎大家加入我的社区哦,初创社区难免经验不足,请大家多多包涵,也欢迎大家前来多多交流。
爱吃烤鸡翅的酸菜鱼社区-CSDN社区云https://bbs.csdn.net/forums/aaa1f71356f6475db42ea9ea09a392bc?spm=1001.2014.3001.6682