5分钟上手【Markdown】:0基础语法→编辑器神器→插件黑科技,效率提升300%实践
目录
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文档、技术博客还是科研笔记,你都能获得:
✅ 双手不离键盘的极速排版
✅ 代码/公式原生高亮的专业呈现
# 从此写作如写代码般优雅
插播一条消息~
发现一个系统化的人工智能学习平台,涵盖从基础理论到工业级项目实战(人脸识别/自动驾驶/GANs等),内容由浅入深结构清晰,特别适合想体系化提升AI开发能力的朋友,忍不住把干货分享给大家👉
人工智能教学网站https://www.captainbed.cn/scy
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. 子项1 2. 子项2
说明:
-
、*
、+
都可创建无序列表数字+
.
创建有序列表Tab/Shift+Tab调整层级
![]()
2.2.4引用块(内容强调)
> 一级引用文本 >> 二级嵌套引用 >>> 三级嵌套引用
说明:
>
符号开头创建引用多层嵌套用多个
>
常用于注释/重点内容
2.2.5连接与图片(资源嵌入)
[文字链接](https://csdn.net \"悬停提示\") 
说明:
链接格式:
[显示文本](URL \"提示\")
图片格式:

Typora可直接拖拽插入图片
2.2.6代码块(技术核心)
行内代码:
使用`print(\"Hello\")`语法
代码块:
```python # 指定语言高亮 def hello(): print(\"Markdown!\") ```说明:
单反引号 ` 包裹行内代码
三个反引号+语言名创建代码块
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) ### 第三章标题
技巧:
为目标标题添加
用
[文本](#锚点名)
创建链接适合API文档等长内容
2.3.4数学公式
行内公式:$E = mc^2$ 块公式:$$\\begin{bmatrix}a & b \\\\c & d \\end{bmatrix}$$
说明:
使用LaTeX语法
需Typora开启:
偏好设置 > Markdown > 内联公式
支持AMSmath宏包
2.3.5流程图
```mermaidflowchart TD A[开始] --> 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 当:
需要专注内容创作(技术博客、API 文档)
频繁使用代码块或数学公式
多平台发布需格式统一(如 GitHub README)✅ 选富文本当:
排版需求复杂(海报、宣传册)
需嵌入多媒体(音视频交互)
协作中非技术人员占比高
💎 核心总结:Markdown 是“内容优先”的高效工具,富文本是“设计优先”的视觉方案。混合使用(如 Typora 写稿 → Word 微调)可兼顾效率与表现力 。
3.小结
今天的分享到这里就结束了,喜欢的小伙伴点点赞点点关注,你的支持就是对我最大的鼓励,大家加油!
另外最后的最后,欢迎大家加入我的社区哦,初创社区难免经验不足,请大家多多包涵,也欢迎大家前来多多交流。
爱吃烤鸡翅的酸菜鱼社区-CSDN社区云https://bbs.csdn.net/forums/aaa1f71356f6475db42ea9ea09a392bc?spm=1001.2014.3001.6682