从 01 开始 从 01 开始
首页
  • 📚 计算机基础

    • 计算机简史
    • 数字电路
    • 计算机组成原理
    • 操作系统
    • Linux
    • 计算机网络
    • 数据库
    • 编程工具
    • 装机
  • 🎨 前端

    • Node
  • JavaSE
  • Java 高级
  • JavaEE

    • 构建、依赖管理
    • Ant
    • Maven
    • 日志框架
    • Junit
    • JDBC
    • XML-JSON
  • JavaWeb

    • 服务器软件
    • 环境管理和配置管理-科普篇
    • Servlet
  • Spring

    • Spring基础
  • 主流框架

    • Redis
    • Mybatis
    • Lucene
    • Elasticsearch
    • RabbitMQ
    • MyCat
    • Lombok
  • SpringMVC

    • SpringMVC 基础
  • SpringBoot

    • SpringBoot 基础
  • Windows 使用技巧
  • 手机相关技巧
  • 最全面的输入法教程
  • 最全面的浏览器教程
  • Office
  • 图片类工具
  • 效率类工具
  • 最全面的 RSS 教程
  • 码字工具
  • 各大平台
  • 校招
  • 五险一金
  • 职场规划
  • 关于离职
  • 杂谈
  • 自媒体
  • 📖 读书

    • 读书工具
    • 走进科学
  • 🌍 英语

    • 从零开始学英语
    • 英语兔的相关视频
    • Larry 想做技术大佬的相关视频
  • 🏛️ 政治

    • 反腐
    • GFW
    • 404 内容
    • 审查与自我审查
    • 互联网
    • 战争
    • 读书笔记
  • 💰 经济

    • 关于税
    • 理财
  • 💪 健身

    • 睡眠
    • 皮肤
    • 口腔健康
    • 学会呼吸
    • 健身日志
  • 🏠 其他

    • 驾驶技能
    • 租房与买房
    • 厨艺
  • 电影

    • 电影推荐
  • 电视剧
  • 漫画

    • 漫画软件
    • 漫画推荐
  • 游戏

    • Steam
    • 三国杀
    • 求生之路
  • 小说
  • 关于本站
  • 关于博主
  • 打赏
  • 网站动态
  • 友人帐
  • 从零开始搭建博客
  • 搭建邮件服务器
  • 本站分享
  • 🌈 生活

    • 2022
    • 2023
    • 2024
    • 2025
  • 📇 文章索引

    • 文章分类
    • 文章归档

晓林

程序猿,自由职业者,博主,英语爱好者,健身达人
首页
  • 📚 计算机基础

    • 计算机简史
    • 数字电路
    • 计算机组成原理
    • 操作系统
    • Linux
    • 计算机网络
    • 数据库
    • 编程工具
    • 装机
  • 🎨 前端

    • Node
  • JavaSE
  • Java 高级
  • JavaEE

    • 构建、依赖管理
    • Ant
    • Maven
    • 日志框架
    • Junit
    • JDBC
    • XML-JSON
  • JavaWeb

    • 服务器软件
    • 环境管理和配置管理-科普篇
    • Servlet
  • Spring

    • Spring基础
  • 主流框架

    • Redis
    • Mybatis
    • Lucene
    • Elasticsearch
    • RabbitMQ
    • MyCat
    • Lombok
  • SpringMVC

    • SpringMVC 基础
  • SpringBoot

    • SpringBoot 基础
  • Windows 使用技巧
  • 手机相关技巧
  • 最全面的输入法教程
  • 最全面的浏览器教程
  • Office
  • 图片类工具
  • 效率类工具
  • 最全面的 RSS 教程
  • 码字工具
  • 各大平台
  • 校招
  • 五险一金
  • 职场规划
  • 关于离职
  • 杂谈
  • 自媒体
  • 📖 读书

    • 读书工具
    • 走进科学
  • 🌍 英语

    • 从零开始学英语
    • 英语兔的相关视频
    • Larry 想做技术大佬的相关视频
  • 🏛️ 政治

    • 反腐
    • GFW
    • 404 内容
    • 审查与自我审查
    • 互联网
    • 战争
    • 读书笔记
  • 💰 经济

    • 关于税
    • 理财
  • 💪 健身

    • 睡眠
    • 皮肤
    • 口腔健康
    • 学会呼吸
    • 健身日志
  • 🏠 其他

    • 驾驶技能
    • 租房与买房
    • 厨艺
  • 电影

    • 电影推荐
  • 电视剧
  • 漫画

    • 漫画软件
    • 漫画推荐
  • 游戏

    • Steam
    • 三国杀
    • 求生之路
  • 小说
  • 关于本站
  • 关于博主
  • 打赏
  • 网站动态
  • 友人帐
  • 从零开始搭建博客
  • 搭建邮件服务器
  • 本站分享
  • 🌈 生活

    • 2022
    • 2023
    • 2024
    • 2025
  • 📇 文章索引

    • 文章分类
    • 文章归档
  • Windows

  • 手机

  • 笔记软件

  • 输入法

  • 浏览器

  • Office

  • 图片类

  • 效率类

  • RSS

  • 码字工具

    • LaTex

    • Markdown

      • 什么是 Markdown
      • Markdown 语法
      • Markdown 排版规范
        • Markdown 标记的使用规范
        • 加个空格
        • 中文标点符号规范
        • 参考
        • 推荐阅读
      • Markdown 编辑器推荐
      • 深入了解下 Markdown
      • Markdown 与数学公式
      • 使用 Markdown 画图
      • 使用 Markdown 画流程图
      • 使用 Markdown 画时序图
      • 使用 Markdown 画甘特图
      • Markdown 和其他格式的相互转换
      • 其他 Markdown 技巧
      • Typora 相关技巧
      • Typora 必备插件!
  • 各大平台

  • 效率软件
  • 码字工具
  • Markdown
2024-07-22
目录

Markdown 排版规范

# 30.Markdown 排版规范

Markdown 语法虽然多,但随便乱用的话反而会显得不美观,本文就推荐一些常见的排版规则。

‍‍ ‍

# Markdown 标记的使用规范

‍

# 标题

  • 一级标题,通常是用来写文章的标题。而大部分情况下,文章的标题并不需要写在文章里,大多数博客有专门的位置填写标题,所以一级标题可以忽略。就好比一本书,书名就是一级标题,印在封面上,而书里就不用再写一级标题了。
  • 文章的内容则从二级标题开始使用,有小节的话就使用三级标题和四级标题。
  • 尽量少用五级标题和六级标题,避免层级过深,可以考虑用列表来替代。 ‍

# 强调语法

需要强调某处内容的时候可以用粗体。

中文排版中一般不用斜体,在英文排版中则可以用斜体表示书名、题目等。

引用语法通常用于:

  • 引述内容时(例如名人名言,也可直接用引号替代)
  • 作示例时
  • 给出提示、补充、警告等额外说明时

# 加个空格

接下来讲讲一个非常重要的规则:数字、英⽂字符和汉字连在⼀起时,中间要有⼀个空格。 ‍

# 为什么要加

下面进行一个对比测试:

  1. 在中文句子里,出现嵌入English Words的情况。
  2. 在中文句子里,出现嵌入“English Words”的情况。
  3. 在中文句子里,出现嵌入 English Words 的情况。

对于第一个句子,明显可以感觉英文字符是被挤压在句子中的。而后面两个句子因为英文字符前后有一定的空隙,则不会有这种感觉。其实,如果你不认真去感受,或者平时不去注意它,也就没有那么「碍眼」。

就好像那句经典的「研表究明,汉字序顺并不定一影阅响读。比如当你看完这句话后,才发这现里的字全是都乱的。」

据了解,Adobe 、Microsoft Office 等软件,以及 LaTex 等排版工具,都已经默认在汉字字符与西文字符之间增大间距,一般都是大约一个半角空格,这也就是我们日常写作、排版场景中感受不到这个问题的原因。 ‍

# 如何添加

最简单粗暴的方法:在写博客的时候手动添加空格。 ‍ 此外,不少笔记软件支持自动添加空格,例如思源笔记就在文章页面有个优化排版的选项:

​​ ‍

点击它,就可以为该文章自动添加空格。

# 使用第三方插件添加

如果你在网上冲浪时,看到其他网站都没有遵循这个规则,怎么办呢?可以使用浏览器插件,自动在网页中所有的中文字和半形的英文、数字、符号之间插入空白。

插件名:“為什麼你們就是不能加個空格呢?”

Chrome 安装地址:https://chrome.google.com/webstore/detail/paphcfdffjnbcgkokihcdjliihicmbpd

GitHub 开源地址:https://github.com/vinta/pangu.js

作者是这么说的:

如果你跟我一樣,每次看到網頁上的中文字和英文、數字、符號擠在一塊,就會坐立難安,忍不住想在它們之間加個空格。這個外掛(支援 Chrome 和 Firefox)正是你在網路世界走跳所需要的東西,它會自動替你在網頁中所有的中文字和半形的英文、數字、符號之間插入空白。

漢學家稱這個空白字元為「盤古之白」,因為它劈開了全形字和半形字之間的混沌。另有研究顯示,打字的時候不喜歡在中文和英文之間加空格的人,感情路都走得很辛苦,有七成的比例會在 34 歲的時候跟自己不愛的人結婚,而其餘三成的人最後只能把遺產留給自己的貓。畢竟愛情跟書寫都需要適時地留白。

與大家共勉之。 ‍ 如果你是开发者,还可以通过 npm 的方式添加到你的网站,自动添加空格。 ‍

# 使用在线工具添加

网上有不少在线工具,可以自动优化排版(添加空格),例如 zizhengwu.github.io/daft-auto-spacing (opens new window):

​​

# Typora 插件添加

在该系列教程的最后,会介绍一款 Markdown 编辑器 Typora,里面有个插件能帮助中英文混排优化。

# 使用油猴添加

在 Greasy Fork 上搜「加空格」,能搜到不少相关的脚本:

如果你还不知道什么是油猴,欢迎阅读我写的《装了 Chrome 不用这个扩展,还不如去用 IE ! (opens new window)》

# 最后

我之前没有这个加空格的习惯,在回看过去几年自己写过的技术文档,看到满篇粘连在一起的中英文字符,完全无法忍受,所以目前在逐篇优化排版(接近 1000 篇文章,是个大工程,得搞好久😐)。 ‍

# 中文标点符号规范

中文内容在排版时,应全文使用中文全角标点,无论内容中是否包含英文词语。

但如果中文内容包含了完整的英文句子或段落,那么英文内的标点使用半角标点。

引号:网络文章排版时使用直角引号——单引号「」,双引号『』。通常先使用「」。在引号嵌套引号时,才在内层用『』。直角引号在自媒体中比较常见,但有一些争议。

省略号:在中文输入法状态下,可使用快捷键 Shift + 6​ 输入省略号,注意是 6 个点,而非 3 个点。

破折号:在中文输入法状态下,可使用快捷键 Shift + -​ 输入破折号,注意该符号应占两个汉字宽度。

波浪线:在中文输入法状态下,可使用快捷键 Shift + `​(在 ESC 键下方) 输入波浪线。可用波浪线表示数值的区间,例如: 只要 10~20 分钟你便能掌握这篇文章的要领。 ‍> 更新:在 2024-10-2 日,通过后续提到的 Typora 插件和 VSCode 的批量替换完成了近 1000 篇文章的排版优化

# 参考

会用 Markdown 还不够,还得知道排版规范 (opens new window)

中西文混排时汉字与拉丁字母之间是否要有空格? - 知乎 (opens new window)

# 推荐阅读

中文文案排版指北:https://github.com/sparanoid/chinese-copywriting-guidelines (opens new window)

上次更新: 2025/6/3 09:31:54
Markdown 语法
Markdown 编辑器推荐

← Markdown 语法 Markdown 编辑器推荐→

最近更新
01
语雀文档一键下载至本地教程
07-04
02
要成功,就不要低估环境对你的影响
07-03
03
血泪教训:电子设备要定期开机
07-02
更多文章>
Theme by Vdoing | Copyright © 2022-2025 | 粤 ICP 备 2022067627 号 -1 | 粤公网安备 44011302003646 号 | 点击查看十年之约
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式